@import "477e90df231b4df2aef1abd8ff9b1458.css";
body, body textarea, body input {
  font-family: 'HarmonyOS Sans SC',   /* 首选字体 */
    'Noto Sans SC',        /* 次要备选 */
    -apple-system,         /* 苹果系统字体 */
    BlinkMacSystemFont,    /* macOS Chrome字体 */
    'Segoe UI',            /* Windows系统字体 */
    sans-serif;            /* 通用备选 */
}
*, :after, :before {
  box-sizing: border-box;
  backface-visibility: hidden;
  margin: 0;
  padding: 0
}
ol, ul, li {
  vertical-align: middle;
  list-style-type: none
}
img {
  vertical-align: top;
  border: 0
}
input, select, textarea, button {
  vertical-align: middle
}
textarea, input {
  text-indent: 10px
}
input[type=submit], input[type=button], button {
  text-indent: 0;
  text-align: center;
  cursor: pointer
}
label, button, a {
  cursor: pointer
}
ins, em, b, i {
  font-style: normal;
  text-decoration: none
}
select:focus, textarea:focus, input:focus, button {
  outline: none
}
.disable-hover {
  pointer-events: none
}
.scroll-animate.animated, .scroll-animate:not(.father) {
  visibility: hidden
}
.animated {
  animation-duration: 1.2s;
  animation-fill-mode: both
}
.font-fadeIn font {
  display: inline-block
}
::-webkit-scrollbar {
  width: 4px;
  background-color: #55654b
}
::-webkit-scrollbar-thumb {
  width: 2px;
  background-color: #b2d2af;
  border: 3px solid #aed954;
  border-radius: 4px
}
::-webkit-scrollbar-corner {
  background-color: transparent
}
::-webkit-scrollbar:horizontal {
  height: 10px
}
::-webkit-selection {
  color: transparent;
  background: 0 0
}
::-moz-selection {
  color: transparent;
  background: 0 0
}
::selection {
  color: #fff;
  -webkit-text-fill-color: #fff;
  background-color: #1c509c
}
input::-webkit-input-placeholder, input::-moz-input-placeholder, textarea::-webkit-textarea-placeholder, textarea::-moz-textarea-placeholder {
  color: #999;
  transition: color .5s
}
input:focus::-webkit-input-placeholder, input:focus::-moz-input-placeholder, input:hover::-webkit-input-placeholder, input:hover::-moz-input-placeholder, textarea:focus::-webkit-input-placeholder, textarea:focus::-moz-input-placeholder, textarea:hover::-webkit-input-placeholder, textarea:hover::-moz-input-placeholder {
  color: #c2c2c2
}
a {
  color: inherit;
  text-decoration: none
}
a[href] {
  cursor: pointer
}
a:hover {
  cursor: pointer;
  text-decoration: none
}
audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block
}
body {
  -webkit-tap-highlight-color: transparent
}
html {
  width: 100%;
  scroll-behavior: initial;
  font-size: 5.20833vw;
  overflow-x: hidden
}
a:focus, input:focus, p:focus, div:focus {
  -webkit-tap-highlight-color: transparent
}
img[src=""], img:not([src]) {
  opacity: 0
}
b {
  font-size: inherit;
  color: inherit;
  font-family: inherit
}
font {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  text-transform: inherit
}
.fl {
  float: left
}
.fr {
  float: right
}
.fw-100 {
  font-weight: 100
}
.fw-400 {
  font-weight: 400
}
.fw-600 {
  font-weight: 600
}
.cl:after {
  content: " ";
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  display: block
}
.hide {
  display: none
}
.show {
  display: block
}
.text_overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden
}
[data-ahref] {
  cursor: pointer
}
.f-left {
  text-align: left
}
.f-center {
  text-align: center
}
.f-right {
  text-align: right
}
.up-word {
  text-transform: uppercase
}
.v-show {
  visibility: visible
}
.v-hide {
  visibility: hidden
}
.pr {
  position: relative
}
.pa {
  position: absolute
}
.back-cover {
  background-size: cover
}
.back-contain {
  background-size: contain
}
.wid-10 {
  width: 10%
}
.wid-15 {
  width: 15%
}
.wid-20 {
  width: 20%
}
.wid-25 {
  width: 25%
}
.wid-30 {
  width: 30%
}
.wid-35 {
  width: 35%
}
.wid-40 {
  width: 40%
}
.wid-45 {
  width: 45%
}
.wid-50 {
  width: 50%
}
.wid-55 {
  width: 55%
}
.wid-60 {
  width: 60%
}
.wid-65 {
  width: 65%
}
.wid-70 {
  width: 70%
}
.wid-75 {
  width: 75%
}
.wid-80 {
  width: 80%
}
.wid-85 {
  width: 85%
}
.wid-90 {
  width: 90%
}
.wid-95 {
  width: 95%
}
.wid-100 {
  width: 100%
}
.op-0 {
  opacity: 0
}
.op-1 {
  opacity: .1
}
.op-2 {
  opacity: .2
}
.op-3 {
  opacity: .3
}
.op-4 {
  opacity: .4
}
.op-5 {
  opacity: .5
}
.op-6 {
  opacity: .6
}
.op-7 {
  opacity: .7
}
.op-8 {
  opacity: .8
}
.op-9 {
  opacity: .9
}
.op-10 {
  opacity: 1
}
.layout-v-middle, .home #fullpage .r3 .inner .group .swiper .swiper-button-next, .home #fullpage .r3 .inner .group .swiper .swiper-button-prev, .home #fullpage .banner .pager > li:before, .home #fullpage .banner .pager > li:after, .layout-middle {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0
}
.layout-h-middle, .home #fullpage .banner .pager > li .dot {
  margin: auto;
  position: absolute;
  left: 0;
  right: 0
}
.layout-middle {
  left: 0;
  right: 0
}
.pa-v {
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}
.pa-h {
  position: absolute;
  left: 50%;
  transform: translate(-50%)
}
.pa-mid {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.pic {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}
.fxc, .home .screen .logoBg, .home #fullpage .r3 .inner .group .swiper .swiper-button-next .layer-icon, .home #fullpage .r3 .inner .group .swiper .swiper-button-prev .layer-icon, .custom .group .c3 > li, .custom .group .c3 > a, #app header .appNav .menu, .layer-toTop > a, .layer-toTop, .layer-icon {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}
.fxb, #app header .appNav .inner_mid .nav-items > .child_first .child_second > li, #app header .appNav .inner_mid .nav-items > .child_first > .firstList, #app header .appNav, .layer-button {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}
.fxs, .searchResult .banner .inner .items {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}
.layer-photo {
  position: relative
}
.over-2 {
  -webkit-line-clamp: 2;
  height: 2.6em;
  -webkit-box-orient: vertical;
  line-height: 1.3em;
  display: -webkit-box;
  overflow: hidden
}
.over-3 {
  -webkit-line-clamp: 3;
  height: 3em;
  -webkit-box-orient: vertical;
  line-height: 1em;
  display: -webkit-box;
  overflow: hidden
}
@font-face {
  font-family: LeagueSpartan-Bold;
  src: url(../fonts/LeagueSpartan-Bold.woff2)format("woff2"), url(../fonts/LeagueSpartan-Bold.woff)format("woff");
  font-display: swap
}
@font-face {
  font-family: LeagueSpartan-Medium;
  src: url(../fonts/LeagueSpartan-Medium.woff2)format("woff2"), url(../fonts/LeagueSpartan-Medium.woff)format("woff");
  font-display: swap
}
@font-face {
  font-family: LeagueSpartan-Light;
  src: url(../fonts/LeagueSpartan-Light.woff2)format("woff2"), url(../fonts/LeagueSpartan-Light.woff)format("woff");
  font-display: swap
}
@font-face {
  font-family: GoogleSansDisplay-Bold;
  src: url(../fonts/googlesansdisplay-bold.3a074a48.woff2)format("woff2"), url(../fonts/googlesansdisplay-bold.31f40fe1.woff)format("woff");
  font-display: swap
}
@font-face {
  font-family: GoogleSansDisplay-Medium;
  src: url(../fonts/googlesansdisplay-medium.816e0fa8.woff2)format("woff2"), url(../fonts/googlesansdisplay-medium.d43e0c5e.woff)format("woff");
  font-display: swap
}
@font-face {
  font-family: GoogleSansDisplay-Regular;
  src: url(../fonts/googlesansdisplay-regular.a9645ce4.woff2)format("woff2"), url(../fonts/googlesansdisplay-regular.6b3d8571.woff)format("woff");
  font-display: swap
}
@font-face {
  font-family: Lato-Black;
  src: url(../fonts/Lato-Black.woff2)format("woff2"), url(../fonts/Lato-Black.woff)format("woff");
  font-display: swap
}
@font-face {
  font-family: Lato-Bold;
  src: url(../fonts/Lato-Bold.woff2)format("woff2"), url(../fonts/Lato-Bold.woff)format("woff");
  font-display: swap
}
.enb, .btn_more span {
  font-family: Lato-Bold
}
.enk {
  font-family: Lato-Black
}
.num, .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-pagination .on, .new_det_body .new_d_time, .news_block .news_txt .news_time {
  font-family: LeagueSpartan-Light
}
.gim, .marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen .m_r3_con a .num_case > div span, .marketing_body .market_con .title_sty .t_con span, .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-pagination span, .pub_info_en, .new_block02 .news02_txt .news_time, .pro_det_body .pro_det_row22 .row22_top .page_hint span, .pro_det_body .pro_det_row11 .row11_con .row11_c_block .row11_txt .row11_num, .new_block .new_txt .new_time {
  font-family: LeagueSpartan-Medium
}
.gib, .research_body .section03 .pub_case_n .r3_top_right .r3_con_block .r3_con_txt .num_box, .stock_con .sto_r1 .sto_con > div .pub_info, .stock_con .sto_r1 .sto_con > div .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .stock_con .sto_r1 .sto_con > div textarea, .stock_con .sto_r1 .sto_con > div .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .stock_con .sto_r1 .sto_con > div input {
  font-family: LeagueSpartan-Bold
}
.gsd-b {
  font-family: GoogleSansDisplay-Bold
}
.gsd-m {
  font-family: GoogleSansDisplay-Medium
}
.gsd-r {
  font-family: GoogleSansDisplay-Regular
}
.max-wid {
  width: 70%;
  max-width: 62.5vw;
  margin: auto
}
.maxSize {
  width: 84%;
  max-width: 83.3333vw;
  margin: auto
}
.full, .home .screen .scroll-bg, .home .screen .logoBg, .home #fullpage .r3 .inner .group .swiper .swiper-button-next .layer-icon, .home #fullpage .r3 .inner .group .swiper .swiper-button-prev .layer-icon, .home #fullpage .r3 .bg, .home #fullpage .banner .txtItem > li a, .home #fullpage .banner .txtItem, .home #fullpage .banner > canvas, .home #fullpage .banner .photo .pic, .home #fullpage .banner .photo, .layer-toTop > a, .layer-button:after, .layer-photo .pic {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.f-150 {
  letter-spacing: -.05rem;
  font-size: 1.5rem
}
.f-140 {
  letter-spacing: -.05rem;
  font-size: 1.4rem
}
.f-120 {
  letter-spacing: -.05rem;
  font-size: 1.2rem
}
.f-100 {
  font-size: 1rem
}
.f-90 {
  letter-spacing: -.04rem;
  font-size: .9rem
}
.f-80 {
  font-size: .8rem
}
.f-70 {
  font-size: .7rem
}
.f-64 {
  font-size: .64rem
}
.f-60 {
  font-size: .6rem
}
.f-56 {
  font-size: .56rem
}
.f-54 {
  font-size: .54rem
}
.f-50 {
  font-size: .5rem
}
.f-48 {
  font-size: .48rem
}
.f-46 {
  font-size: .46rem
}
.f-44 {
  font-size: .44rem
}
.f-42 {
  font-size: .42rem
}
.f-40 {
  font-size: .4rem
}
.f-38 {
  font-size: .38rem
}
.f-36 {
  font-size: .36rem
}
.f-34 {
  font-size: .34rem
}
.f-32 {
  font-size: .32rem
}
.f-30 {
  font-size: .3rem
}
.f-28 {
  font-size: .28rem
}
.f-26 {
  font-size: .26rem
}
.f-24 {
  font-size: .24rem
}
.f-22 {
  font-size: .22rem
}
.f-20 {
  font-size: .2rem
}
.f-18 {
  font-size: .18rem
}
.f-16 {
  font-size: .16rem
}
.f-14 {
  font-size: .14rem
}
.f-12 {
  font-size: .12rem
}
.mb-90 {
  margin-bottom: .9rem
}
.mb-80 {
  margin-bottom: .8rem
}
.mb-70 {
  margin-bottom: .7rem
}
.mb-60 {
  margin-bottom: .6rem
}
.mb-50 {
  margin-bottom: .5rem
}
.mb-40 {
  margin-bottom: .4rem
}
.mb-30 {
  margin-bottom: .3rem
}
.mb-20 {
  margin-bottom: .2rem
}
.mb-10 {
  margin-bottom: .1rem
}
@keyframes fadeInLeftSmall {
  0% {
    opacity: 0;
    transform: translate(-10px)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.fadeInLeftSmall {
  animation-name: fadeInLeftSmall
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate(-20%)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.fadeInLeft {
  animation-name: fadeInLeftSmall
}
@keyframes fadeInRightSmall {
  0% {
    opacity: 0;
    transform: translate(10px)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.fadeInRightSmall {
  animation-name: fadeInRightSmall
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate(20%)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.fadeInRight {
  animation-name: fadeInRight
}
@keyframes fadeInDownSmall {
  0% {
    opacity: 0;
    transform: translateY(-10px)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.fadeInDownSmall {
  animation-name: fadeInDownSmall
}
@keyframes fadeOutDownSmall {
  0% {
    opacity: 1;
    transform: none
  }
  to {
    opacity: 0;
    transform: translateY(10px)
  }
}
.fadeOutDownSmall {
  animation-name: fadeOutDownSmall
}
@keyframes fadeInUpSmall {
  0% {
    opacity: 0;
    transform: translateY(30px)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.fadeInUpSmall {
  animation-name: fadeInUpSmall
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30%)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.fadeInUp {
  animation-name: fadeInUp
}
@keyframes rotateInUpSmall {
  0% {
    opacity: 0;
    transform: translateY(30px)rotate(5deg)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.rotateInUpSmall {
  transform-origin: 0 0;
  animation-name: rotateInUpSmall
}
@media screen and (orientation:portrait) {
  html {
    font-size: 14.5vw
  }
  .f-20 {
    font-size: 16px
  }
  .f-18 {
    font-size: 15px
  }
  .f-16 {
    font-size: 14px
  }
  .f-14 {
    font-size: 13px
  }
  .f-12 {
    font-size: 12px
  }
}
.mc {
  color: #9cd325
}
.gray {
  color: #707070
}
.wc {
  color: #fff
}
.gc {
  color: #55654b
}
.bc {
  color: #1a5993
}
.black {
  color: #002717
}
h1 {
  line-height: 1.1
}
p {
  line-height: 1.6
}
.margin {
  padding: 0 .6rem
}
.letter {
  min-width: .2em;
  font-size: inherit;
  font-family: inherit;
  display: inline-block
}
.alanFn {
  transform-origin: -50%;
  opacity: 0;
  perspective: 26.0417vw;
  backface-visibility: hidden
}
.swiper-wrapper {
  grid-auto-flow: column;
  display: grid
}
.layer-icon .icon {
  display: block
}
.layer-icon .mr {
  margin-right: .83333vw
}
.layer-mk {
  -webkit-backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(18, 33, 23, .6);
  transform: translateZ(0)
}
.layer-mk:after {
  display: none
}
.btnHover {
  transition: background-color .8s cubic-bezier(.43, .195, .02, 1);
  position: relative;
  overflow: hidden
}
.btnHover:after {
  content: "";
  z-index: 1;
  width: 100%;
  height: 102%;
  opacity: 0;
  background-color: #2d401a;
  border-radius: .14rem;
  transition: opacity .5s cubic-bezier(.43, .195, .02, 1), transform .5s cubic-bezier(.43, .195, .02, 1);
  position: absolute;
  bottom: -1px;
  left: 0;
  transform: translateY(-100%)
}
.btnHover .txt {
  z-index: 5;
  transition: opacity .5s cubic-bezier(.43, .195, .02, 1), transform .5s cubic-bezier(.43, .195, .02, 1);
  position: relative
}
.btnHover:hover:after {
  opacity: 1;
  transform: translate(0, 0%)
}
.layer-btn {
  background-color: #fff;
  border-radius: 2.60417vw;
  padding: .12rem .3rem;
  transition: background-color .5s cubic-bezier(.43, .195, .02, 1)
}
.layer-btn .txt {
  transition: color .5s cubic-bezier(.43, .195, .02, 1);
  display: block
}
.layer-button {
  width: 2.2rem;
  background-color: #6eb92d;
  border-radius: .16rem;
  padding: .2rem;
  overflow: hidden;
  box-shadow: 0 .2rem .48rem -2px rgba(110, 185, 45, .3)
}
.layer-button:after {
  content: "";
  opacity: 0;
  background-color: #2d401a;
  border-radius: .16rem;
  transition: opacity .5s cubic-bezier(.43, .195, .02, 1), transform .5s cubic-bezier(.43, .195, .02, 1);
  overflow: hidden;
  transform: translate(-100%)
}
.layer-button .txt {
  z-index: 10;
  position: relative
}
.layer-button .iconfont {
  z-index: 10;
  transition: transform .5s cubic-bezier(.43, .195, .02, 1);
  position: relative
}
.layer-button:hover:after {
  opacity: 1;
  transform: translate(0, 0)
}
.layer-button:hover .iconfont {
  transform: translate(.03rem)
}
.layer-toTop {
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 50%;
  -ms-flex-direction: column;
  flex-direction: column
}
.layer-toTop > a {
  -ms-flex-direction: column;
  flex-direction: column
}
.layer-toTop > a span {
  margin-top: .2rem
}
.alanBox .ani {
  opacity: 0;
  transition: opacity 1s cubic-bezier(.43, .195, .02, 1), transform 1s cubic-bezier(.43, .195, .02, 1), color .3s cubic-bezier(.43, .195, .02, 1);
  transform: translateY(.25rem)
}
.alanBox .ani:nth-child(1) {
  transition-delay: 50ms
}
.alanBox .ani:nth-child(2) {
  transition-delay: .1s
}
.alanBox .ani:nth-child(3) {
  transition-delay: .15s
}
.alanBox .ani:nth-child(4) {
  transition-delay: .2s
}
.alanBox .ani:nth-child(5) {
  transition-delay: .25s
}
.alanBox .ani:nth-child(6) {
  transition-delay: .3s
}
.alanBox .ani:nth-child(7) {
  transition-delay: .35s
}
.alanBox .ani:nth-child(8) {
  transition-delay: .4s
}
.alanBox .ani:nth-child(9) {
  transition-delay: .45s
}
.alanBox .ani:nth-child(10) {
  transition-delay: .5s
}
.alanBox .ani:nth-child(11) {
  transition-delay: .55s
}
.alanBox .ani:nth-child(12) {
  transition-delay: .6s
}
.alanBox .ani:nth-child(13) {
  transition-delay: .65s
}
.alanBox .ani:nth-child(14) {
  transition-delay: .7s
}
.alanBox .ani:nth-child(15) {
  transition-delay: .75s
}
.alanBox .ani:nth-child(16) {
  transition-delay: .8s
}
.alanBox .ani:nth-child(17) {
  transition-delay: .85s
}
.alanBox .ani:nth-child(18) {
  transition-delay: .9s
}
.alanBox .ani:nth-child(19) {
  transition-delay: .95s
}
.alanBox .ani:nth-child(20) {
  transition-delay: 1s
}
.alanBox.go .ani {
  opacity: 1;
  transform: translate(0, 0)
}
.classGo .ani {
  opacity: 0;
  transform-origin: 0%;
  transition: opacity 1s cubic-bezier(.43, .195, .02, 1), transform 1s cubic-bezier(.43, .195, .02, 1), color .3s cubic-bezier(.43, .195, .02, 1);
  transform: translateY(50%)scaleY(1.1)rotate(5deg)rotateY(-20deg)
}
.classGo .ani:nth-of-type(1) {
  transition-delay: 50ms
}
.classGo .ani:nth-of-type(2) {
  transition-delay: .1s
}
.classGo .ani:nth-of-type(3) {
  transition-delay: .15s
}
.classGo .ani:nth-of-type(4) {
  transition-delay: .2s
}
.classGo .ani:nth-of-type(5) {
  transition-delay: .25s
}
.classGo.go .ani {
  opacity: 1;
  transform: translate(0, 0)
}
#app {
  display: block
}
#app header {
  z-index: 200;
  width: 100%;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0
}
#app header .mk {
  width: 100%;
  pointer-events: none;
  position: absolute;
  top: -10vw;
  left: 0
}
#app header .mk:after {
  content: "";
  width: 100%;
  height: calc(120vh + 10vw);
  z-index: 1;
  opacity: 0;
  background-color: rgba(0, 0, 0, .6);
  transition: opacity 1s cubic-bezier(.43, .195, .02, 1);
  position: absolute;
  top: 0;
  left: 0
}
#app header .mk .mkSvg {
  width: 110%;
  z-index: 2;
  margin-left: -5%;
  display: block;
  position: relative
}
#app header .pcNav {
  z-index: 3;
  width: 100%;
  height: 1rem;
  transform-origin: 0 0;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1.6rem;
  transition: opacity .8s cubic-bezier(.43, .195, .02, 1), transform .8s cubic-bezier(.43, .195, .02, 1);
  display: -ms-flexbox;
  display: flex;
  position: relative
}
#app header .pcNav .logo {
  height: .58rem;
  z-index: 10;
  pointer-events: auto;
  position: relative
}
#app header .pcNav .logo > .white {
  height: 100%;
  transition: opacity .3s cubic-bezier(.43, .195, .02, 1);
  display: block
}
#app header .pcNav .logo > .black {
  height: 100%;
  opacity: 0;
  transition: opacity .3s cubic-bezier(.43, .195, .02, 1);
  position: absolute;
  top: 0;
  left: 0
}
#app header .pcNav .lists {
  pointer-events: auto;
  position: relative
}
#app header .pcNav .lists.on .navHref {
  color: #9cd325 !important;
  pointer-events: none !important
}
#app header .pcNav .lists .navHref {
  white-space: nowrap;
  color: rgba(255, 255, 255, .7);
  padding: 0 .25rem;
  font-weight: 600;
  line-height: 1rem;
  transition: color .3s cubic-bezier(.43, .195, .02, 1);
  display: block
}
@media screen and (orientation:landscape) {
  #app header .pcNav .lists .navHref {
    font-size: .17rem
  }
}
#app header .pcNav .lists .child {
  pointer-events: none;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0
}
#app header .pcNav .lists .child .list {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: .4rem;
  display: block
}
#app header .pcNav .lists .child .list:hover, #app header .pcNav .lists:hover .navHref {
  color: #9cd325 !important
}
#app header .pcNav .lists:hover .alanBox {
  pointer-events: auto
}
#app header .pcNav .lists:hover .alanBox .ani {
  opacity: 1;
  transform: translate(0, 0)
}
#app header .pcNav .mid {
  z-index: 10;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: .15rem;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
#app header .pcNav .set {
  z-index: 10;
  pointer-events: auto;
  padding-top: .15rem;
  position: relative
}
#app header .pcNav .set .left .language {
  transition: color .3s cubic-bezier(.43, .195, .02, 1)
}
#app header .pcNav .set .left .line {
  height: .15rem;
  width: 1px;
  background-color: rgba(255, 255, 255, .3);
  margin: 0 .15rem
}
#app header .pcNav .set .left .searchBox {
  position: relative
}
#app header .pcNav .set .left .searchBox:after {
  content: "";
  height: .5rem;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  width: 2rem;
  transform-origin: 100%;
  background-color: #9cd325;
  border-radius: 0;
  transition: all .5s cubic-bezier(.43, .195, .02, 1);
  position: absolute;
  top: 0;
  right: -.2rem;
  transform: scaleX(0)
}
#app header .pcNav .set .left .searchBox > a {
  z-index: 8;
  cursor: pointer;
  line-height: .5rem;
  display: block;
  position: relative
}
#app header .pcNav .set .left .searchBox input {
  z-index: 7;
  width: 1.6rem;
  pointer-events: none;
  opacity: 0;
  color: #fff;
  background-color: transparent;
  border: none;
  padding-right: .5rem;
  line-height: .5rem;
  position: absolute;
  top: 0;
  right: 0
}
#app header .pcNav .set .left .searchBox:hover:after, #app header .pcNav .set .left .searchBox.on:after {
  opacity: 1;
  border-radius: 1rem;
  transform: scaleX(1)
}
#app header .pcNav .set .left .searchBox:hover > a, #app header .pcNav .set .left .searchBox.on > a {
  color: #fff !important
}
#app header .pcNav .set .left .searchBox:hover input, #app header .pcNav .set .left .searchBox.on input {
  opacity: 1;
  pointer-events: auto
}
#app header .pcNav .set .left .iconfont {
  transition: color .3s cubic-bezier(.43, .195, .02, 1)
}
#app header .pcNav .set .right {
  border: 3px solid #9cd325;
  border-radius: .3rem;
  margin-left: .4rem;
  padding: .15rem
}
#app header .pcNav .set .right > a {
  margin: 0 .1rem;
  transition: color .3s cubic-bezier(.43, .195, .02, 1)
}
#app header .pcNav .set .link:hover, #app header .pcNav .set .link a:hover {
  color: #9cd325 !important
}
#app header .pcNav.deep .logo > .white {
  opacity: 0
}
#app header .pcNav.deep .logo > .black {
  opacity: 1
}
#app header .pcNav.deep .wc {
  color: #554d47 !important
}
#app header .pcNav.deep .set .fxc .wc, #app header .pcNav.deep .set .home .screen .logoBg .wc, .home .screen #app header .pcNav.deep .set .logoBg .wc, #app header .pcNav.deep .set .home #fullpage .r3 .inner .group .swiper .swiper-button-next .layer-icon .wc, .home #fullpage .r3 .inner .group .swiper .swiper-button-next #app header .pcNav.deep .set .layer-icon .wc, #app header .pcNav.deep .set .home #fullpage .r3 .inner .group .swiper .swiper-button-prev .layer-icon .wc, .home #fullpage .r3 .inner .group .swiper .swiper-button-prev #app header .pcNav.deep .set .layer-icon .wc, #app header .pcNav.deep .set .custom .group .c3 > li .wc, .custom .group #app header .pcNav.deep .set .c3 > li .wc, #app header .pcNav.deep .set .custom .group .c3 > a .wc, .custom .group #app header .pcNav.deep .set .c3 > a .wc, #app header .pcNav.deep .set .appNav .menu .wc, #app header .appNav .pcNav.deep .set .menu .wc, #app header .pcNav.deep .set .layer-icon .wc, #app header .pcNav.deep .set .layer-toTop .wc {
  color: #231916 !important
}
#app header .pcNav.deep .set .link .wc {
  color: #554d47
}
#app header .pcNav.deep + .appNav .logo > .white {
  opacity: 0
}
#app header .pcNav.deep + .appNav .logo > .black {
  opacity: 1
}
#app header .pcNav.deep + .appNav .group .language {
  color: #000
}
#app header .pcNav.deep + .appNav .group .line {
  background-color: rgba(0, 0, 0, .5)
}
#app header .pcNav.deep + .appNav .group .iconfont {
  color: #000
}
#app header .pcNav.mActive .mk:after, #app header .pcNav.white .logo > .white, #app header .pcNav.baiSe .logo > .white {
  opacity: 1
}
#app header .pcNav.white .logo > .black, #app header .pcNav.baiSe .logo > .black {
  opacity: 0
}
#app header .pcNav.white .wc, #app header .pcNav.baiSe .wc, #app header .pcNav.white .set .fxc .wc, #app header .pcNav.white .set .home .screen .logoBg .wc, .home .screen #app header .pcNav.white .set .logoBg .wc, #app header .pcNav.white .set .home #fullpage .r3 .inner .group .swiper .swiper-button-next .layer-icon .wc, .home #fullpage .r3 .inner .group .swiper .swiper-button-next #app header .pcNav.white .set .layer-icon .wc, #app header .pcNav.white .set .home #fullpage .r3 .inner .group .swiper .swiper-button-prev .layer-icon .wc, .home #fullpage .r3 .inner .group .swiper .swiper-button-prev #app header .pcNav.white .set .layer-icon .wc, #app header .pcNav.white .set .custom .group .c3 > li .wc, .custom .group #app header .pcNav.white .set .c3 > li .wc, #app header .pcNav.white .set .custom .group .c3 > a .wc, .custom .group #app header .pcNav.white .set .c3 > a .wc, #app header .pcNav.white .set .appNav .menu .wc, #app header .appNav .pcNav.white .set .menu .wc, #app header .pcNav.white .set .layer-icon .wc, #app header .pcNav.white .set .layer-toTop .wc, #app header .pcNav.baiSe .set .fxc .wc, #app header .pcNav.baiSe .set .home .screen .logoBg .wc, .home .screen #app header .pcNav.baiSe .set .logoBg .wc, #app header .pcNav.baiSe .set .home #fullpage .r3 .inner .group .swiper .swiper-button-next .layer-icon .wc, .home #fullpage .r3 .inner .group .swiper .swiper-button-next #app header .pcNav.baiSe .set .layer-icon .wc, #app header .pcNav.baiSe .set .home #fullpage .r3 .inner .group .swiper .swiper-button-prev .layer-icon .wc, .home #fullpage .r3 .inner .group .swiper .swiper-button-prev #app header .pcNav.baiSe .set .layer-icon .wc, #app header .pcNav.baiSe .set .custom .group .c3 > li .wc, .custom .group #app header .pcNav.baiSe .set .c3 > li .wc, #app header .pcNav.baiSe .set .custom .group .c3 > a .wc, .custom .group #app header .pcNav.baiSe .set .c3 > a .wc, #app header .pcNav.baiSe .set .appNav .menu .wc, #app header .appNav .pcNav.baiSe .set .menu .wc, #app header .pcNav.baiSe .set .layer-icon .wc, #app header .pcNav.baiSe .set .layer-toTop .wc {
  color: #fff !important
}
#app header .pcNav.white .set .link .wc, #app header .pcNav.baiSe .set .link .wc {
  color: #fff
}
#app header .pcNav.white + .appNav .logo > .white, #app header .pcNav.baiSe + .appNav .logo > .white {
  opacity: 0
}
#app header .pcNav.white + .appNav .logo > .black, #app header .pcNav.baiSe + .appNav .logo > .black {
  opacity: 1
}
#app header .pcNav.up, #app header .pcNav.up + .appNav {
  opacity: 0;
  transform: translateY(-100%)scaleY(1.1)
}
#app header .appNav {
  height: 1.04rem;
  z-index: 3;
  transform-origin: 0 0;
  padding: 0 .25rem;
  transition: opacity .8s cubic-bezier(.43, .195, .02, 1), transform .8s cubic-bezier(.43, .195, .02, 1);
  position: relative
}
#app header .appNav .logo {
  height: .54rem;
  z-index: 10;
  pointer-events: auto;
  position: relative
}
#app header .appNav .logo > .white {
  height: 100%;
  transition: opacity .3s cubic-bezier(.43, .195, .02, 1);
  display: block
}
#app header .appNav .logo > .black {
  height: 100%;
  opacity: 0;
  transition: opacity .3s cubic-bezier(.43, .195, .02, 1);
  position: absolute;
  top: 0;
  left: 0
}
#app header .appNav .menu {
  height: .54rem;
  width: 1.08rem;
  text-align: center;
  pointer-events: auto;
  z-index: 11;
  background-color: #9cd325;
  border-radius: 0.25rem 0;
  transition: width .5s cubic-bezier(.43, .195, .02, 1);
  position: relative
}
#app header .appNav .menu > .open {
  white-space: nowrap;
  pointer-events: none;
  transition: opacity .3s cubic-bezier(.43, .195, .02, 1)
}
#app header .appNav .menu > .close {
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  margin: 0 auto;
  line-height: .54rem;
  transition: opacity .3s cubic-bezier(.43, .195, .02, 1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0
}
#app header .appNav .menu.active {
  width: .54rem
}
#app header .appNav .menu.active > .open {
  opacity: 0
}
#app header .appNav .menu.active > .close {
  opacity: 1
}
#app header .appNav .group {
  height: 100%;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: 1.65rem
}
#app header .appNav .group .language {
  transition: color .3s cubic-bezier(.43, .195, .02, 1)
}
#app header .appNav .group .line {
  height: .15rem;
  width: 1px;
  background-color: rgba(255, 255, 255, .3);
  margin: 0 .15rem
}
#app header .appNav .group .searchBox {
  position: relative
}
#app header .appNav .group .searchBox:after {
  content: "";
  height: .5rem;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  width: 2rem;
  transform-origin: 100%;
  background-color: #9cd325;
  border-radius: 0;
  transition: all .5s cubic-bezier(.43, .195, .02, 1);
  position: absolute;
  top: 0;
  right: -.2rem;
  transform: scaleX(0)
}
#app header .appNav .group .searchBox > a {
  z-index: 8;
  cursor: pointer;
  line-height: .5rem;
  display: block;
  position: relative
}
#app header .appNav .group .searchBox input {
  z-index: 7;
  width: 1.6rem;
  pointer-events: none;
  opacity: 0;
  color: #fff;
  background-color: transparent;
  border: none;
  padding-right: .5rem;
  line-height: .5rem;
  position: absolute;
  top: 0;
  right: 0
}
#app header .appNav .group .searchBox:hover:after, #app header .appNav .group .searchBox.on:after {
  opacity: 1;
  border-radius: 1rem;
  transform: scaleX(1)
}
#app header .appNav .group .searchBox:hover > a, #app header .appNav .group .searchBox.on > a {
  color: #fff !important
}
#app header .appNav .group .searchBox:hover input, #app header .appNav .group .searchBox.on input {
  opacity: 1;
  pointer-events: auto
}
#app header .appNav .group .iconfont {
  transition: color .3s cubic-bezier(.43, .195, .02, 1)
}
#app header .appNav .inner_mid {
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: opacity 1s cubic-bezier(.43, .195, .02, 1);
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden
}
#app header .appNav .inner_mid .nav-items {
  padding-top: 1.04rem
}
#app header .appNav .inner_mid .nav-items > .child_first > .firstList {
  opacity: 0;
  padding: 0 .25rem 0 5%;
  transition: background-color .3s, opacity 1s cubic-bezier(.43, .195, .02, 1), transform 1s cubic-bezier(.43, .195, .02, 1), color .3s cubic-bezier(.43, .195, .02, 1);
  position: relative;
  transform: translateY(.25rem)
}
#app header .appNav .inner_mid .nav-items > .child_first > .firstList:nth-child(1) {
  transition-delay: 50ms
}
#app header .appNav .inner_mid .nav-items > .child_first > .firstList:nth-child(2) {
  transition-delay: .1s
}
#app header .appNav .inner_mid .nav-items > .child_first > .firstList:nth-child(3) {
  transition-delay: .15s
}
#app header .appNav .inner_mid .nav-items > .child_first > .firstList:nth-child(4) {
  transition-delay: .2s
}
#app header .appNav .inner_mid .nav-items > .child_first > .firstList:nth-child(5) {
  transition-delay: .25s
}
#app header .appNav .inner_mid .nav-items > .child_first > .firstList:nth-child(6) {
  transition-delay: .3s
}
#app header .appNav .inner_mid .nav-items > .child_first > .firstList:nth-child(7) {
  transition-delay: .35s
}
#app header .appNav .inner_mid .nav-items > .child_first > .firstList:nth-child(8) {
  transition-delay: .4s
}
#app header .appNav .inner_mid .nav-items > .child_first > .firstList:nth-child(9) {
  transition-delay: .45s
}
#app header .appNav .inner_mid .nav-items > .child_first > .firstList:nth-child(10) {
  transition-delay: .5s
}
#app header .appNav .inner_mid .nav-items > .child_first > .firstList:nth-child(11) {
  transition-delay: .55s
}
#app header .appNav .inner_mid .nav-items > .child_first > .firstList:nth-child(12) {
  transition-delay: .6s
}
#app header .appNav .inner_mid .nav-items > .child_first > .firstList:nth-child(13) {
  transition-delay: .65s
}
#app header .appNav .inner_mid .nav-items > .child_first > .firstList:nth-child(14) {
  transition-delay: .7s
}
#app header .appNav .inner_mid .nav-items > .child_first > .firstList:nth-child(15) {
  transition-delay: .75s
}
#app header .appNav .inner_mid .nav-items > .child_first > .firstList:nth-child(16) {
  transition-delay: .8s
}
#app header .appNav .inner_mid .nav-items > .child_first > .firstList:nth-child(17) {
  transition-delay: .85s
}
#app header .appNav .inner_mid .nav-items > .child_first > .firstList:nth-child(18) {
  transition-delay: .9s
}
#app header .appNav .inner_mid .nav-items > .child_first > .firstList:nth-child(19) {
  transition-delay: .95s
}
#app header .appNav .inner_mid .nav-items > .child_first > .firstList:nth-child(20) {
  transition-delay: 1s
}
#app header .appNav .inner_mid .nav-items > .child_first > .firstList > a {
  height: 1rem;
  white-space: nowrap;
  width: 72%;
  border-bottom: 1px solid rgba(0, 0, 0, .09);
  -ms-flex-align: center;
  align-items: center;
  line-height: 1rem;
  display: -ms-flexbox;
  display: flex
}
#app header .appNav .inner_mid .nav-items > .child_first > .firstList > i {
  height: .48rem;
  width: .54rem;
  text-align: center;
  font-size: .24rem;
  line-height: .48rem;
  transition: transform .5s ease-in-out;
  display: inline-block
}
#app header .appNav .inner_mid .nav-items > .child_first > .firstList.active > i {
  transform: scaleY(-1)
}
#app header .appNav .inner_mid .nav-items > .child_first > .firstList.down_el > a {
  pointer-events: none
}
#app header .appNav .inner_mid .nav-items > .child_first .child_second {
  max-height: 0;
  background-color: #55654b;
  transition: all .5s;
  overflow: hidden
}
#app header .appNav .inner_mid .nav-items > .child_first .child_second > li {
  padding: 0 9%;
  transition: background-color .3s, opacity 1s cubic-bezier(.43, .195, .02, 1), transform 1s cubic-bezier(.43, .195, .02, 1), color .3s cubic-bezier(.43, .195, .02, 1);
  position: relative
}
#app header .appNav .inner_mid .nav-items > .child_first .child_second > li:last-of-type {
  padding-bottom: .2rem
}
#app header .appNav .inner_mid .nav-items > .child_first .child_second > li > a {
  width: 72%;
  padding: .2rem 0;
  display: block
}
#app header .appNav .inner_mid .nav-items > .child_first .child_second > li > i {
  height: .48rem;
  width: .54rem;
  text-align: center;
  font-size: .24rem;
  line-height: .48rem;
  transition: transform .5s ease-in-out;
  display: inline-block
}
#app header .appNav .inner_mid .nav-items > .child_first .child_second > li.active {
  background-color: #042819
}
#app header .appNav .inner_mid .nav-items > .child_first .child_second > li.active > i {
  transform: scaleY(-1)
}
#app header .appNav .inner_mid .nav-items > .child_first .child_second > li.down_el > a {
  pointer-events: none
}
#app header .appNav .inner_mid .nav-items > .child_first .child_second.active {
  max-height: 100vh
}
#app header .appNav .inner_mid .nav-items > .child_first .child_three {
  max-height: 0;
  background-color: #022819;
  transition: all .5s;
  overflow: hidden
}
#app header .appNav .inner_mid .nav-items > .child_first .child_three > li {
  padding: 0 15%;
  position: relative
}
#app header .appNav .inner_mid .nav-items > .child_first .child_three > li:last-of-type {
  padding-bottom: .2rem
}
#app header .appNav .inner_mid .nav-items > .child_first .child_three > li > a {
  color: #fff;
  padding: .2rem 0;
  font-size: 13px;
  display: block
}
#app header .appNav .inner_mid .nav-items > .child_first .child_three > li.active {
  background-color: #f0f1f2
}
#app header .appNav .inner_mid .nav-items > .child_first .child_three.active {
  max-height: 100vh
}
#app header.open .appNav .logo > .white {
  opacity: 1 !important
}
#app header.open .appNav .logo > .black {
  opacity: 0 !important
}
#app header.open .appNav .group .wc {
  color: #fff
}
#app header.open .appNav .group .line {
  background-color: rgba(255, 255, 255, .3)
}
#app header.open .appNav .inner_mid {
  opacity: 1;
  pointer-events: auto
}
#app header.open .appNav .inner_mid .nav-items > .child_first > .firstList {
  opacity: 1;
  transform: none
}
#app footer {
  position: relative
}
#app footer .alan {
  opacity: 0;
  transform-origin: 0%;
  transition: opacity 1s cubic-bezier(.43, .195, .02, 1), transform 1.2s cubic-bezier(.43, .195, .02, 1), color .3s cubic-bezier(.43, .195, .02, 1), background-color .5s cubic-bezier(.43, .195, .02, 1);
  transform: translateY(50%)scaleY(1.1)rotate(5deg)rotateY(-20deg)
}
#app footer .foot.go {
  pointer-events: auto
}
#app footer .foot.go .alan {
  opacity: 1;
  transform: translate(0, 0)
}
#app footer .foot.go .alan:nth-of-type(1) {
  transition-delay: .6s
}
#app footer .foot.go .alan:nth-of-type(2) {
  transition-delay: .65s
}
#app footer .foot.go .alan:nth-of-type(3) {
  transition-delay: .7s
}
#app footer .foot.go .alan:nth-of-type(4) {
  transition-delay: .75s
}
#app footer .foot.go .alan:nth-of-type(5) {
  transition-delay: .8s
}
#app footer .foot.go .alan:nth-of-type(6) {
  transition-delay: .85s
}
#app footer .foot.go .alan:nth-of-type(7) {
  transition-delay: .9s
}
#app footer .foot.go .alan:nth-of-type(8) {
  transition-delay: .95s
}
#app footer .foot.go .alan:nth-of-type(9) {
  transition-delay: 1s
}
#app footer .foot.go .alanFade {
  opacity: 1;
  transition-delay: 1s;
  transform: translate(0, 0)
}
.foot {
  min-height: 100vh;
  height: 100vh;
  background-color: #55654b
}
.foot > .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.foot .top {
  height: 18%;
  border-bottom: 1px solid rgba(255, 255, 255, .15);
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}
.foot .top > li .iconfont, .foot .top > a .iconfont {
  margin-right: .15rem
}
.foot .top > li em, .foot .top > a em {
  width: 2px;
  height: 2px;
  background: rgba(255, 255, 255, .3);
  border-radius: 50%;
  margin: 0 .15rem
}
.foot .top > li em:nth-of-type(3), .foot .top > a em:nth-of-type(3) {
  width: 3px;
  height: 6px;
  background: #fff
}
.foot .mid {
  height: 82%;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: .3rem;
  display: -ms-flexbox;
  display: flex
}
.foot .mid .col {
  width: 100%
}
.foot .mid .part {
  width: 100%;
  -ms-flex: 1;
  flex: 1
}
.foot .mid .part .half {
  width: 50%
}
.foot .mid .part .left h2 {
  margin-bottom: .5rem;
  line-height: 1.1
}
.foot .mid .part .left .box .enb, .foot .mid .part .left .box .btn_more span, .btn_more .foot .mid .part .left .box span {
  height: 2.31em
}
.foot .mid .part .left .box .f-120 > .letter {
  line-height: .77;
  display: block
}
.foot .mid .part .left .box .f-120 span {
  vertical-align: top;
  display: inline-block;
  position: relative
}
.foot .mid .part .left .box .f-120 span .m1 {
  opacity: 0;
  height: .77em;
  margin-right: .3em;
  display: block
}
.foot .mid .part .left .box .f-120 span .m2 {
  display: block;
  position: absolute;
  bottom: 0;
  left: -.12em
}
.foot .mid .part .right {
  padding-left: 9%
}
.foot .mid .part .right .items .list {
  position: relative
}
.foot .mid .part .right .items .list .txt {
  width: 9em;
  color: rgba(255, 255, 255, .8);
  line-height: .5rem;
  position: relative
}
.foot .mid .part .right .items .list .txt .iconfont {
  opacity: 0;
  margin-left: .32rem;
  transition: opacity .5s cubic-bezier(.43, .195, .02, 1), transform .7s cubic-bezier(.43, .195, .02, 1), color .3s cubic-bezier(.43, .195, .02, 1);
  transform: translate(.15rem)
}
.foot .mid .part .right .items .list .child {
  -ms-flex: 1;
  flex: 1;
  grid-template-columns: repeat(5, 1fr);
  gap: 0 .25rem;
  display: grid
}
.foot .mid .part .right .items .list .child .hrefTxt {
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  transition: opacity .5s cubic-bezier(.43, .195, .02, 1), transform .7s cubic-bezier(.43, .195, .02, 1), color .3s cubic-bezier(.43, .195, .02, 1);
  transform: translate(.25rem)rotateX(-12deg)
}
.foot .mid .part .right .items .list .child .hrefTxt:nth-of-type(2) {
  transition-delay: 50ms
}
.foot .mid .part .right .items .list .child .hrefTxt:nth-of-type(3) {
  transition-delay: .1s
}
.foot .mid .part .right .items .list .child .hrefTxt:nth-of-type(4) {
  transition-delay: .15s
}
.foot .mid .part .right .items .list .child .hrefTxt:nth-of-type(5) {
  transition-delay: .2s
}
.foot .mid .part .right .items .list .child .hrefTxt:hover, .foot .mid .part .right .items .list:hover .txt {
  color: #9cd325
}
.foot .mid .part .right .items .list:hover .txt .iconfont, .foot .mid .part .right .items .list:hover .child .hrefTxt {
  opacity: 1;
  transform: translate(0, 0)
}
.foot .mid .bm {
  width: 100%
}
.foot .mid .bm .topic {
  width: 100%;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: .2rem
}
.foot .mid .bm .topic > div {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -ms-flexbox;
  display: flex
}
.foot .mid .bm .topic > div > a {
  color: rgba(255, 255, 255, .3)
}
.foot .mid .bm .topic > div > a > img {
  vertical-align: middle;
  margin: 0 .1rem
}
.foot .mid .bm .topic > p, .foot .mid .bm .topic > a {
  color: rgba(255, 255, 255, .3)
}
.foot .mid .bm .topic > p > img, .foot .mid .bm .topic > a > img {
  margin: 0 .1rem
}
.foot .mid .bm .topic .items > .list {
  width: .6rem;
  height: .6rem;
  cursor: pointer;
  background: #4c5b41;
  border-radius: 50%;
  margin-left: .15rem;
  position: relative
}
.foot .mid .bm .topic .items > .list .code_box {
  width: 1.8rem;
  opacity: 0;
  pointer-events: none;
  background-color: #fff;
  border-radius: .1rem;
  margin-left: -.9rem;
  padding: .2rem;
  transition: opacity .3s ease-in-out;
  position: absolute;
  bottom: calc(100% + .2rem);
  left: 50%
}
.foot .mid .bm .topic .items > .list .code_box:before {
  content: "";
  width: .14rem;
  height: .14rem;
  background-color: #fff;
  margin-bottom: -.07rem;
  margin-left: -.07rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: rotate(45deg)
}
.foot .mid .bm .topic .items > .list .code_box img {
  width: 100%;
  display: block
}
.foot .mid .bm .topic .items > .list:hover {
  z-index: 4
}
.foot .mid .bm .topic .items > .list:hover .code_box {
  pointer-events: auto;
  opacity: 1
}
.foot .mid .bm .topic .items > .list:hover {
  background-color: #9cd325
}
.foot .mid .bm .group {
  background-color: #4c5b41;
  border-radius: 0.5rem 0 0.5rem 0;
  padding: .2rem .3rem
}
.foot .mid .bm .group .items .line, .foot .mid .bm .group .set .line {
  width: 1px;
  height: .16rem;
  background-color: rgba(255, 255, 255, .3);
  margin: 0 .2rem
}
.foot .mid .bm .group .set > a {
  color: rgba(255, 255, 255, .5);
  transition: color .3s cubic-bezier(.43, .195, .02, 1)
}
.foot .mid .bm .group .set > a:hover {
  color: #fff
}
.foot .mid .bm .group .set #toTop {
  width: .28rem;
  cursor: pointer
}
.foot .mid .bm .group .set #toTop path {
  transition: fill .3s cubic-bezier(.43, .195, .02, 1)
}
.foot .mid .bm .group .set #toTop:hover path {
  fill: #fff
}
#load {
  width: 100vw;
  height: 100%;
  z-index: 250;
  background-color: #fdfdfd;
  position: fixed;
  top: 0;
  left: 0
}
#load .bg {
  height: .4rem;
  transition: opacity .5s cubic-bezier(.43, .195, .02, 1);
  position: absolute;
  top: .8rem;
  left: 1.6rem
}
#load #loadFrame {
  width: 100%;
  height: 100%;
  display: block
}
#load .process {
  -ms-flex-align: end;
  align-items: flex-end;
  line-height: 1;
  transition: opacity .5s cubic-bezier(.43, .195, .02, 1);
  position: absolute;
  bottom: .8rem;
  left: 1.6rem
}
#load .process #sum {
  margin-right: .1rem;
  line-height: .7
}
#load.active .bg, #load.active .process {
  opacity: 0
}
.custom {
  z-index: 30;
  width: 100%;
  height: 2.6rem;
  pointer-events: none;
  padding: 0 .6rem .6rem;
  position: fixed;
  bottom: 0;
  left: 0
}
.custom .group {
  width: 100%;
  height: 2rem;
  transform-origin: 100%;
  opacity: 0;
  background-color: #9cd325;
  border-radius: .15rem;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1.15rem 0 .6rem;
  transition: opacity .6s cubic-bezier(.43, .195, .02, 1), transform .6s cubic-bezier(.43, .195, .02, 1), color .3s cubic-bezier(.43, .195, .02, 1);
  display: -ms-flexbox;
  display: flex;
  transform: scaleX(0);
  box-shadow: -2.60417vw 0 5.36458vw rgba(7, 9, 8, .16)
}
.custom .group .line {
  width: 1px;
  height: 1rem;
  background-color: rgba(255, 255, 255, .4);
  margin: 0 .4rem
}
.custom .group .c1 {
  max-width: 32%;
  transition-delay: .1s
}
@media screen and (orientation:landscape) {
  .custom .group .c1 .fxs, .custom .group .c1 .searchResult .banner .inner .items, .searchResult .banner .inner .custom .group .c1 .items {
    width: 110%;
    margin-right: -10%
  }
}
.custom .group .c1 .adr {
  white-space: nowrap;
  background-color: #fbfbfb;
  border-radius: .6rem;
  margin-right: .2rem;
  padding: .1rem .35rem
}
.custom .group .c1 .adr .iconfont {
  margin-right: .1rem
}
.custom .group .c2 {
  transition-delay: .15s
}
.custom .group .c2 .til {
  margin-bottom: 4px
}
.custom .group .c2 .til .lab {
  background-color: #55654b;
  border-radius: .6rem;
  margin-right: 5px;
  padding: 2px .1rem
}
.custom .group .c2 .items > li {
  font-size: inherit;
  color: rgba(255, 255, 255, .8);
  margin-right: 2.5em
}
.custom .group .c2 .items > li:last-of-type {
  margin-right: 0
}
.custom .group .c3 {
  height: 1.5rem;
  width: 4.2rem;
  background-color: #fbfbfb;
  border-radius: .2rem;
  padding: 0 .5rem;
  transition-delay: .2s
}
.custom .group .c3 > li, .custom .group .c3 > a {
  -ms-flex-direction: column;
  flex-direction: column
}
.custom .group .c3 > li p, .custom .group .c3 > a p {
  text-align: center;
  margin-top: .12rem
}
.custom .setTu {
  height: 2rem;
  pointer-events: auto;
  cursor: pointer;
  position: absolute;
  bottom: .45rem;
  right: -.3rem
}
.custom .closeSet {
  width: .4rem;
  cursor: pointer;
  height: .4rem;
  opacity: 0;
  background: #9cd325;
  border-radius: 50%;
  transition: opacity .8s cubic-bezier(.43, .195, .02, 1) .2s, transform .8s cubic-bezier(.43, .195, .02, 1) .2s, color .3s cubic-bezier(.43, .195, .02, 1) .2s;
  position: absolute;
  top: -.2rem;
  right: 1.2rem;
  transform: translate(.2rem)
}
.custom.go {
  pointer-events: auto
}
.custom.go .group {
  opacity: 1;
  transform: scale(1)
}
.custom.go .closeSet {
  opacity: 1;
  transform: translate(0, 0)
}
.home {
  width: 100vw;
  height: 100%;
  position: fixed
}
.home #fullpage {
  z-index: 21;
  pointer-events: none
}
.home #fullpage .row {
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  background-color: #55654b;
  position: relative;
  overflow: hidden
}
.home #fullpage .row > .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.home #fullpage .row .pr {
  z-index: 2
}
.home #fullpage .row .alan {
  opacity: 0;
  transform-origin: 0%;
  transition: opacity 1s cubic-bezier(.43, .195, .02, 1), transform 1.2s cubic-bezier(.43, .195, .02, 1), color .3s cubic-bezier(.43, .195, .02, 1), background-color .5s cubic-bezier(.43, .195, .02, 1);
  transform: translateY(50%)scaleY(1.1)rotate(5deg)rotateY(-20deg)
}
.home #fullpage .row .alanFade {
  opacity: 0;
  transition: opacity 1s cubic-bezier(.43, .195, .02, 1), transform 1.2s cubic-bezier(.43, .195, .02, 1), color .3s cubic-bezier(.43, .195, .02, 1), background-color .5s cubic-bezier(.43, .195, .02, 1);
  transform: translateY(.25rem)
}
.home #fullpage .row.active {
  pointer-events: auto;
  z-index: 10;
  transform: translateZ(0)
}
.home #fullpage .row.active .alan {
  opacity: 1;
  transform: translate(0, 0)
}
.home #fullpage .row.active .alan:nth-of-type(1) {
  transition-delay: .6s
}
.home #fullpage .row.active .alan:nth-of-type(2) {
  transition-delay: .65s
}
.home #fullpage .row.active .alan:nth-of-type(3) {
  transition-delay: .7s
}
.home #fullpage .row.active .alan:nth-of-type(4) {
  transition-delay: .75s
}
.home #fullpage .row.active .alan:nth-of-type(5) {
  transition-delay: .8s
}
.home #fullpage .row.active .alan:nth-of-type(6) {
  transition-delay: .85s
}
.home #fullpage .row.active .alan:nth-of-type(7) {
  transition-delay: .9s
}
.home #fullpage .row.active .alan:nth-of-type(8) {
  transition-delay: .95s
}
.home #fullpage .row.active .alan:nth-of-type(9) {
  transition-delay: 1s
}
.home #fullpage .row.active .alanFade {
  opacity: 1;
  transition-delay: 1s;
  transform: translate(0, 0)
}
.home #fullpage .row [data-change] {
  cursor: pointer;
  max-width: 177.777vh
}
@media screen and (orientation:landscape) {
  .home #fullpage .row {
    height: 100vh
  }
}
.home #fullpage .banner .photo {
  z-index: 1
}
.home #fullpage .banner .photo .pic {
  pointer-events: none;
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(.43, .195, .02, 1) .3s
}
.home #fullpage .banner .photo .pic .mask {
  -webkit-backdrop-filter: blur(.2rem);
  -webkit-backdrop-filter: blur(.2rem);
  backdrop-filter: blur(.2rem);
  opacity: 0;
  background-color: rgba(0, 0, 0, .3)
}
.home #fullpage .banner .photo .pic.in .mask, .home #fullpage .banner .photo .pic.on {
  opacity: 1
}
.home #fullpage .banner > canvas {
  z-index: 10;
  opacity: 0;
  transition: opacity .3s cubic-bezier(.43, .195, .02, 1) .3s;
  display: block
}
.home #fullpage .banner > canvas.active {
  opacity: 1
}
.home #fullpage .banner > .mask {
  z-index: 12;
  width: 100%;
  height: 100%;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: 0;
  left: 0
}
.home #fullpage .banner .txtItem {
  z-index: 14
}
.home #fullpage .banner .txtItem > li {
  pointer-events: none
}
.home #fullpage .banner .txtItem > li a {
  width: 100%;
  height: 100%;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0 24%;
  display: -ms-flexbox;
  display: flex
}
.home #fullpage .banner .txtItem > li h2 {
  margin-bottom: .15rem;
  line-height: 1.2
}
.home #fullpage .banner .txtItem > li h2 .letter {
  opacity: 0;
  transition: opacity 1.5s cubic-bezier(.43, .195, .02, 1), transform 1.5s, color .3s cubic-bezier(.43, .195, .02, 1)
}
@media screen and (orientation:landscape) {
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(1) {
    transform: translate(.32rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(2) {
    transform: translate(.44rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(3) {
    transform: translate(.56rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(4) {
    transform: translate(.68rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(5) {
    transform: translate(.8rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(6) {
    transform: translate(.92rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(7) {
    transform: translate(1.04rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(8) {
    transform: translate(1.16rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(9) {
    transform: translate(1.28rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(10) {
    transform: translate(1.4rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(11) {
    transform: translate(1.52rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(12) {
    transform: translate(1.64rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(13) {
    transform: translate(1.76rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(14) {
    transform: translate(1.88rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(15) {
    transform: translate(2rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(16) {
    transform: translate(2.12rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(17) {
    transform: translate(2.24rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(18) {
    transform: translate(2.36rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(19) {
    transform: translate(2.48rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(20) {
    transform: translate(2.6rem)
  }
}
@media screen and (orientation:portrait) {
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(1) {
    transform: translate(-.6rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(2) {
    transform: translate(-.48rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(3) {
    transform: translate(-.36rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(4) {
    transform: translate(-.24rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(5) {
    transform: translate(-.12rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(6) {
    transform: translate(0)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(7) {
    transform: translate(.12rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(8) {
    transform: translate(.24rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(9) {
    transform: translate(.36rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(10) {
    transform: translate(.48rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(11) {
    transform: translate(.6rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(12) {
    transform: translate(.72rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(13) {
    transform: translate(.84rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(14) {
    transform: translate(.96rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(15) {
    transform: translate(1.08rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(16) {
    transform: translate(1.2rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(17) {
    transform: translate(1.32rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(18) {
    transform: translate(1.44rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(19) {
    transform: translate(1.56rem)
  }
  .home #fullpage .banner .txtItem > li h2 .letter:nth-of-type(20) {
    transform: translate(1.68rem)
  }
}
.home #fullpage .banner .txtItem > li p {
  opacity: 0;
  line-height: .8;
  transition: opacity 1.2s cubic-bezier(.43, .195, .02, 1)
}
.home #fullpage .banner .txtItem > li.on {
  pointer-events: auto;
  z-index: 10
}
.home #fullpage .banner .txtItem > li.on:not(.in) h2 .letter {
  opacity: 1;
  transform: translate(0, 0)
}
.home #fullpage .banner .txtItem > li.on:not(.in) p {
  opacity: 1
}
.home #fullpage .banner .txtItem > li.out h2 .letter {
  opacity: 0
}
@media screen and (orientation:landscape) {
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(1) {
    transform: translate(.32rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(2) {
    transform: translate(.44rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(3) {
    transform: translate(.56rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(4) {
    transform: translate(.68rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(5) {
    transform: translate(.8rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(6) {
    transform: translate(.92rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(7) {
    transform: translate(1.04rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(8) {
    transform: translate(1.16rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(9) {
    transform: translate(1.28rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(10) {
    transform: translate(1.4rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(11) {
    transform: translate(1.52rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(12) {
    transform: translate(1.64rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(13) {
    transform: translate(1.76rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(14) {
    transform: translate(1.88rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(15) {
    transform: translate(2rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(16) {
    transform: translate(2.12rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(17) {
    transform: translate(2.24rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(18) {
    transform: translate(2.36rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(19) {
    transform: translate(2.48rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(20) {
    transform: translate(2.6rem)
  }
}
@media screen and (orientation:portrait) {
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(1) {
    transform: translate(-.6rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(2) {
    transform: translate(-.48rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(3) {
    transform: translate(-.36rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(4) {
    transform: translate(-.24rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(5) {
    transform: translate(-.12rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(6) {
    transform: translate(0)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(7) {
    transform: translate(.12rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(8) {
    transform: translate(.24rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(9) {
    transform: translate(.36rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(10) {
    transform: translate(.48rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(11) {
    transform: translate(.6rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(12) {
    transform: translate(.72rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(13) {
    transform: translate(.84rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(14) {
    transform: translate(.96rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(15) {
    transform: translate(1.08rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(16) {
    transform: translate(1.2rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(17) {
    transform: translate(1.32rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(18) {
    transform: translate(1.44rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(19) {
    transform: translate(1.56rem)
  }
  .home #fullpage .banner .txtItem > li.out h2 .letter:nth-of-type(20) {
    transform: translate(1.68rem)
  }
}
.home #fullpage .banner .txtItem > li.out p {
  opacity: 0
}
.home #fullpage .banner .pager {
  z-index: 15;
  height: 1rem;
  width: 100%;
  opacity: 0;
  transition: opacity 1s cubic-bezier(.43, .195, .02, 1);
  position: absolute;
  bottom: 5%;
  left: 0
}
.home #fullpage .banner .pager > li {
  width: .6rem;
  height: .6rem;
  cursor: pointer;
  border: 2px solid transparent;
  border-radius:50% 0 50% 0;
  margin: 0 .12rem;
  transition: border-color .5s cubic-bezier(.43, .195, .02, 1);
  position: relative
}
.home #fullpage .banner .pager > li:after {
  content: "";
  width: 2px;
  height: 2px;
  background: #fff;
  border-radius: 50%;
  transition: background .5s cubic-bezier(.43, .195, .02, 1);
  left: 0
}
.home #fullpage .banner .pager > li:before {
  content: "";
  width: 2px;
  height: 2px;
  background: #fff;
  border-radius: 50%;
  transition: background .5s cubic-bezier(.43, .195, .02, 1);
  right: 0
}
.home #fullpage .banner .pager > li .dot {
  content: "";
  width: 4px;
  height: 4px;
  background-color: #fff;
  border-radius: 50%;
  margin: auto;
  transition: all .5s cubic-bezier(.43, .195, .02, 1);
  top: 0;
  bottom: 0
}
.home #fullpage .banner .pager > li.on {
  border-color: #9cd325
}
.home #fullpage .banner .pager > li.on:after, .home #fullpage .banner .pager > li.on:before {
  background: 0 0
}
.home #fullpage .banner .pager > li.on .dot {
  width: 15px;
  height: 15px;
  background: #9cd325;
  border-radius: 50% 0 50% 0;
}
.home #fullpage .banner .pager.active {
  opacity: 1
}
.home #fullpage .banner .scr {
  pointer-events: none;
  z-index: 20;
  height: .8rem;
  animation: .9s cubic-bezier(.56, .01, .46, 1) infinite alternate Tmouse;
  position: absolute;
  bottom: 5%;
  left: 1.6rem
}
.home #fullpage .r1 {
  background-color: transparent
}
.home #fullpage .r1 .inner {
  height: 100%;
  width: 100%;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 1.2rem .25rem .8rem;
  display: -ms-flexbox;
  display: flex
}
.home #fullpage .r1 .inner .top h2 {
  padding-left: .2rem;
  font-weight: 400;
  line-height: .8
}
.home #fullpage .r1 .inner .top .pic {
  height: 0;
  width: 100%;
  margin-bottom: .6rem;
  padding-bottom: 56%;
  display: block;
  position: relative;
  top: 0;
  left: 0
}
.home #fullpage .r1 .inner .top .msg h3 {
  margin-bottom: .3rem;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4
}
.home #fullpage .r1 .inner .top .msg p {
  color: rgba(255, 255, 255, .3);
  font-size: 3vw;
  line-height: 1.1
}
.home #fullpage .r1 .inner .bm {
  padding-top: .3rem
}
.home #fullpage .r1 .inner .bm p {
  color: rgba(255, 255, 255, .8);
  margin-bottom: 5px
}
.home #fullpage .r1 .inner .bm h3 {
  white-space: nowrap
}
.home #fullpage .r1 .inner .bm h3 br {
  display: none
}
.home #fullpage .r1-app {
  width: 100%;
  background-color: #55654b;
  grid-template-rows: 30% 20% 30% 20%;
  grid-auto-flow: column;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  padding: 1.5rem 0 .1rem;
  display: grid;
  overflow: hidden
}
.home #fullpage .r1-app .col {
  width: 100%;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  margin: 0 !important
}
.home #fullpage .r1-app .c1 {
  -ms-flex-pack: start;
  justify-content: flex-start
}
.home #fullpage .r1-app .c1 .photo {
  margin-left: -12vw;
  position: relative
}
.home #fullpage .r1-app .c1 .photo .pic {
  width: 57vw;
  z-index: 5;
  position: relative
}
.home #fullpage .r1-app .c1 .photo .pic .img {
  width: 100%;
  z-index: 10;
  display: block;
  position: relative;
  transform: translateZ(0)
}
.home #fullpage .r1-app .c1 .photo .pic .shadow {
  z-index: 3;
  mix-blend-mode: multiply;
  width: 50%;
  position: absolute;
  bottom: 3%;
  left: 31%
}
.home #fullpage .r1-app .c1 .photo .pic:after {
  width: 50%;
  content: "";
  height: .4rem;
  /*background: radial-gradient(#00492e 60%, rgba(0, 73, 46, 0) 100%);*/
  position: absolute;
  bottom: 3%;
  left: 31%
}
.home #fullpage .r1-app .c1 .photo .dialog {
  width: 44vw;
  position: absolute;
  top: 0;
  right: -26%
}
.home #fullpage .r1-app .c1 .photo .msg {
  width: 68%;
  height: 37%;
  padding: 5% 5% 5% 12%;
  position: absolute;
  top: 1%;
  right: -25%
}
.home #fullpage .r1-app .c1 .photo .msg .dot {
  width: 17px;
  position: absolute;
  top: -11%;
  left: 20%
}
.home #fullpage .r1-app .c1 .photo .msg h4 {
  white-space: nowrap;
  margin-bottom: .15rem;
  font-size: 13.2vw;
  line-height: .8
}
.home #fullpage .r1-app .c1 .photo .msg h4 em {
  margin-left: .25rem;
  font-size: 12px;
  font-weight: 600
}
.home #fullpage .r1-app .c1 .photo .msg p {
  font-size: 12px
}
.home #fullpage .r1-app .c2 {
  z-index: 9;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative
}
.home #fullpage .r1-app .c2 .photo {
  margin-right: -7vw;
  position: relative
}
.home #fullpage .r1-app .c2 .photo .pic {
  width: 42vw;
  z-index: 5;
  position: relative
}
.home #fullpage .r1-app .c2 .photo .pic .img {
  width: 100%;
  z-index: 10;
  display: block;
  position: relative
}
.home #fullpage .r1-app .c2 .photo .pic .shadow {
  z-index: 3;
  mix-blend-mode: multiply;
  width: 50%;
  position: absolute;
  bottom: 0;
  left: 28%
}
.home #fullpage .r1-app .c2 .photo .pic:after {
  width: 50%;
  content: "";
  height: .2rem;
  /*background: radial-gradient(#00492e 60%, rgba(0, 73, 46, 0) 100%);*/
  position: absolute;
  bottom: 0;
  left: 28%
}
.home #fullpage .r1-app .c2 .photo .dialog {
  width: 42vw;
  position: absolute;
  top: -29%;
  left: -50%
}
.home #fullpage .r1-app .c2 .photo .msg {
  width: 90%;
  height: 37%;
  padding: 5% 5% 5% 12%;
  position: absolute;
  top: -27%;
  left: -50%
}
.home #fullpage .r1-app .c2 .photo .msg .dot {
  width: 17px;
  position: absolute;
  top: -15%;
  right: 10%
}
.home #fullpage .r1-app .c2 .photo .msg h4 {
  white-space: nowrap;
  margin-bottom: .15rem;
  font-size: 13.2vw;
  line-height: .8
}
.home #fullpage .r1-app .c2 .photo .msg h4 em {
  margin-left: .25rem;
  font-size: 12px;
  font-weight: 600
}
.home #fullpage .r1-app .c2 .photo .msg p {
  font-size: 12px
}
.home #fullpage .r1-app .c3 {
  z-index: 10;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative
}
.home #fullpage .r1-app .c3 .photo {
  margin-left: -16vw;
  position: relative
}
.home #fullpage .r1-app .c3 .photo .pic {
  width: 62vw;
  z-index: 5;
  position: relative
}
.home #fullpage .r1-app .c3 .photo .pic .img {
  width: 100%;
  z-index: 10;
  display: block;
  position: relative
}
.home #fullpage .r1-app .c3 .photo .dialog {
  width: 46vw;
  position: absolute;
  top: -10%;
  right: -26%
}
.home #fullpage .r1-app .c3 .photo .msg {
  width: 60%;
  height: 30%;
  padding: 3% 6%;
  position: absolute;
  top: -8%;
  right: -26%
}
.home #fullpage .r1-app .c3 .photo .msg .dot {
  width: 17px;
  position: absolute;
  top: 13%;
  right: -4%
}
.home #fullpage .r1-app .c3 .photo .msg h4 {
  white-space: nowrap;
  margin-bottom: .15rem;
  font-size: 13.2vw;
  line-height: .8
}
.home #fullpage .r1-app .c3 .photo .msg h4 em {
  margin-left: .25rem;
  font-size: 12px;
  font-weight: 600
}
.home #fullpage .r1-app .c3 .photo .msg p {
  font-size: 12px
}
.home #fullpage .r1-app .c4 {
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 12vw
}
.home #fullpage .r1-app .c4 .photo {
  position: relative
}
.home #fullpage .r1-app .c4 .photo .pic {
  width: 34vw;
  z-index: 5;
  position: relative
}
.home #fullpage .r1-app .c4 .photo .pic .img {
  width: 100%;
  z-index: 10;
  display: block;
  position: relative
}
.home #fullpage .r1-app .c4 .photo .pic .shadow {
  z-index: 3;
  mix-blend-mode: multiply;
  width: 50%;
  position: absolute;
  bottom: 3%;
  left: 28%
}
.home #fullpage .r1-app .c4 .photo .pic:after {
  width: 50%;
  content: "";
  height: .2rem;
  /*background: radial-gradient(#00492e 60%, rgba(0, 73, 46, 0) 100%);*/
  position: absolute;
  bottom: 3%;
  left: 28%
}
.home #fullpage .r1-app .c4 .photo .dialog {
  width: 52vw;
  position: absolute;
  top: -50%;
  left: 50%;
  transform: translate(-50%)
}
.home #fullpage .r1-app .c4 .photo .msg {
  width: 200%;
  height: 64%;
  text-align: center;
  padding: 5% 12%;
  position: absolute;
  top: -50%;
  left: -50%
}
.home #fullpage .r1-app .c4 .photo .msg .dot {
  width: .45rem;
  position: absolute;
  top: 13%;
  right: -4%
}
.home #fullpage .r1-app .c4 .photo .msg p {
  text-align: center;
  margin-bottom: .2rem;
  font-size: 12px
}
.home #fullpage .r1-app .c4 .photo .msg h4 {
  white-space: nowrap;
  margin-bottom: .25rem;
  font-size: 13.2vw;
  line-height: .8
}
.home #fullpage .r1-app .c4 .photo .msg h4 em {
  margin-left: .05rem;
  font-size: 10vw;
  font-weight: 600
}
.home #fullpage .r2 {
  background-color: #55654b
}
.home #fullpage .r2 .bg {
  overflow: hidden
}
.home #fullpage .r2 .bg .p1 {
  height: 100%;
  width: 100%;
  pointer-events: none;
  position: absolute;
  left: 0
}
@media screen and (orientation:landscape) {
  .home #fullpage .r2 .bg .p1 {
    height: 56.25vw;
    top: 50%;
    transform: translateY(-50%)
  }
}
.home #fullpage .r2 .bg .p1 #r2Frame_p1 {
  width: 100%;
  height: 100%;
  z-index: 3;
  display: block;
  position: relative
}
.home #fullpage .r2 .bg .p1 .child {
  z-index: 4;
  pointer-events: none
}
.home #fullpage .r2 .bg .p1 .child #r2Frame_p2 {
  width: 100%;
  height: 100%;
  z-index: 3;
  display: block;
  position: relative
}
.home #fullpage .r2 .inner {
  z-index: 4;
  height: 100%;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-bottom: .7rem;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.home #fullpage .r2 .inner .left {
  padding-left: 1.5rem
}
.home #fullpage .r2 .inner .left h2 {
  white-space: nowrap;
  margin-bottom: .3rem;
  line-height: 1.1
}
.home #fullpage .r2 .inner .left .items > li {
  color: rgba(255, 255, 255, .3);
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 0.8rem 0 0.8rem 0;
  padding: 0 .4rem;
  line-height: .8rem;
  transition: color .3s cubic-bezier(.43, .195, .02, 1), border-color .3s cubic-bezier(.43, .195, .02, 1)
}
.home #fullpage .r2 .inner .left .items > li.active {
  color: #fff;
  border-color: #9cd325
}
.home #fullpage .r2 .inner .mid {
  min-width: 30%;
  -ms-flex: 1;
  flex: 1;
  position: relative
}
.home #fullpage .r2 .inner .mid .part {
  width: 100%;
  opacity: 0;
  pointer-events: none;
  padding: 0 .6rem;
  position: relative
}
.home #fullpage .r2 .inner .mid .part .swiper {
  width: 100%;
  z-index: 10;
  position: relative;
  overflow: hidden
}
.home #fullpage .r2 .inner .mid .part .swiper .swiper-wrapper {
  pointer-events: none;
  z-index: 10;
  grid-auto-flow: column;
  display: grid;
  position: relative
}
.home #fullpage .r2 .inner .mid .part .swiper .swiper-wrapper .swiper-slide {
  width: 4.86rem;
  padding: .8rem 0;
  transition: transform .8s cubic-bezier(.43, .195, .02, 1), opacity .8s cubic-bezier(.43, .195, .02, 1);
  position: relative
}
.home #fullpage .r2 .inner .mid .part .swiper .swiper-wrapper .swiper-slide .box {
  pointer-events: auto;
  height: 5rem
}
.home #fullpage .r2 .inner .mid .part .swiper .swiper-wrapper .swiper-slide .box .pic {
  height: 100%;
  position: relative
}
.home #fullpage .r2 .inner .mid .part .swiper .swiper-wrapper .swiper-slide .box .pic .img {
  z-index: 10;
  max-height: 100%;
  display: block;
  position: relative
}
.home #fullpage .r2 .inner .mid .part .swiper .swiper-wrapper .swiper-slide .box .pic .shadow {
  width: 320%;
  position: absolute;
  bottom: -.5rem;
  left: -35%
}
.home #fullpage .r2 .inner .mid .part .swiper-button-prev {
  z-index: 10;
  cursor: pointer;
  height: 1.5rem;
  outline: none;
  margin: auto;
  transition: opacity .5s cubic-bezier(.43, .195, .02, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  left: .6rem
}
.home #fullpage .r2 .inner .mid .part .swiper-button-prev.swiper-button-disabled {
  opacity: .4
}
.home #fullpage .r2 .inner .mid .part .swiper-button-next {
  z-index: 10;
  cursor: pointer;
  height: 1.5rem;
  outline: none;
  margin: auto;
  transition: opacity .5s cubic-bezier(.43, .195, .02, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  right: .6rem
}
.home #fullpage .r2 .inner .mid .part .swiper-button-next.swiper-button-disabled {
  opacity: .4
}
.home #fullpage .r2 .inner .mid .part .pager {
  width: 100%;
  height: .8rem;
  z-index: 20;
  position: relative;
  bottom: 0
}
.home #fullpage .r2 .inner .mid .part .pager > li {
  cursor: pointer;
  color: rgba(255, 255, 255, .3);
  padding: 0 .15rem
}
.home #fullpage .r2 .inner .mid .part .pager > li.swiper-pagination-bullet-active, .home #fullpage .r2 .inner .mid .part .pager > li:hover {
  color: #9cd325
}
.home #fullpage .r2 .inner .mid .part:nth-of-type(1) .swiper {
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 20%, #000 80%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 20%, #000 80%, transparent 100%)
}
.home #fullpage .r2 .inner .mid .part:nth-of-type(2) {
  width: 100%;
  height: 100%;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0
}
.home #fullpage .r2 .inner .mid .part.go {
  opacity: 1;
  pointer-events: auto
}
.home #fullpage .r2 .inner .right .layer-more {
  height: .8rem;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
  transition: all .5s cubic-bezier(.43, .195, .02, 1);
  display: none
}
.home #fullpage .r2 .inner .right .layer-more.on {
  display: -ms-flexbox;
  display: flex
}
.home #fullpage .r2 .inner .right .layer-more .iconfont {
  margin-left: .25rem;
  transition: all .5s cubic-bezier(.43, .195, .02, 1)
}
.home #fullpage .r2 .inner .right .layer-more:hover {
  letter-spacing: 1px;
  transform: translate(.06rem)
}
.home #fullpage .r2 .inner .right .layer-more:hover .iconfont {
  transform: translate(-.15rem)
}
.home #fullpage .r3 {
  background-color: #fdfdfd;
  position: relative
}
.home #fullpage .r3 .bg .waterLine {
  width: 100%;
  position: absolute;
  top: -3vw;
  left: 0
}
.home #fullpage .r3 .bg .waterLine .wave {
  stroke: #9cd325;
  fill: transparent;
  stroke-width: .1px;
  transition: transform 2s ease-in-out
}
.home #fullpage .r3 .bg .waterLine .wave#wave1 {
  opacity: .8;
  transform: translate(-20%)
}
.home #fullpage .r3 .bg .waterLine .wave#wave2 {
  opacity: .4;
  transform: translate(0%)
}
.home #fullpage .r3 .bg .waterLine .wave#wave3 {
  opacity: .2;
  transform: translate(-40%)
}
.home #fullpage .r3 .inner {
  z-index: 10;
  height: 100%;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: .4rem
}
.home #fullpage .r3 .inner .topic {
  margin: 0 auto .8rem;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.home #fullpage .r3 .inner .topic .tab {
  color: rgba(33, 20, 17, .3);
  margin-right: .6rem;
  transition: color .3s cubic-bezier(.43, .195, .02, 1)
}
.home #fullpage .r3 .inner .topic .tab.on {
  color: #211411
}
.home #fullpage .r3 .inner .topic .layer-more {
  height: 100%;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
  transition: all .5s cubic-bezier(.43, .195, .02, 1);
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: 0
}
.home #fullpage .r3 .inner .topic .layer-more a {
  height: 100%;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
  display: none
}
.home #fullpage .r3 .inner .topic .layer-more a.on {
  display: -ms-flexbox;
  display: flex
}
.home #fullpage .r3 .inner .topic .layer-more .iconfont {
  margin-left: .25rem;
  transition: all .5s cubic-bezier(.43, .195, .02, 1)
}
.home #fullpage .r3 .inner .topic .layer-more:hover {
  letter-spacing: 1px;
  transform: translate(.06rem)
}
.home #fullpage .r3 .inner .topic .layer-more:hover .iconfont {
  transform: translate(-.15rem)
}
.home #fullpage .r3 .inner .group {
  width: 100%;
  position: relative
}
.home #fullpage .r3 .inner .group .swiper {
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity .5s cubic-bezier(.43, .195, .02, 1);
  position: relative
}
.home #fullpage .r3 .inner .group .swiper:nth-of-type(2) {
  height: 100%;
  width: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0
}
.home #fullpage .r3 .inner .group .swiper.active {
  opacity: 1;
  pointer-events: auto
}
.home #fullpage .r3 .inner .group .swiper.active .swiper-wrapper .swiper-slide {
  pointer-events: auto
}
.home #fullpage .r3 .inner .group .swiper.active .swiper-wrapper .swiper-slide .box .pic, .home #fullpage .r3 .inner .group .swiper.active .swiper-wrapper .swiper-slide .box .msg, .home #fullpage .r3 .inner .group .swiper.active .swiper-button-prev, .home #fullpage .r3 .inner .group .swiper.active .swiper-button-next {
  opacity: 1;
  transform: translate(0, 0)
}
.home #fullpage .r3 .inner .group .swiper .swiper-wrapper {
  pointer-events: none;
  z-index: 12;
  grid-auto-flow: column;
  -ms-flex-pack: start;
  justify-content: start;
  display: grid;
  position: relative
}
.home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide {
  width: 4.86rem;
  transition: transform .6s cubic-bezier(.43, .195, .02, 1);
  position: relative
}
.home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide .box {
  overflow: hidden
}
.home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide .box .pic {
  width: 100%;
  opacity: 0;
  padding-bottom: 100%;
  transition: opacity 1s cubic-bezier(.43, .195, .02, 1) .3s, transform 1.2s cubic-bezier(.43, .195, .02, 1) .3s;
  position: relative;
  transform: translateY(2rem)rotate(-10deg)
}
.home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide .box .pic:after {
  content: "";
  height: 64%;
  width: 100%;
  background: linear-gradient(transparent 0%, #4c5b41 90%);
  position: absolute;
  bottom: 0;
  left: 0
}
.home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide .box .msg {
  width: 100%;
  opacity: 0;
  padding: .5rem;
  transition: opacity 1s cubic-bezier(.43, .195, .02, 1) .4s, transform 1.2s cubic-bezier(.43, .195, .02, 1) .4s;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(2rem)
}
.home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide .box .msg h3 {
  margin-bottom: .2rem;
  line-height: 1.3;
  transition: color .3s cubic-bezier(.43, .195, .02, 1)
}
.home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide .box .msg .num, .home #fullpage .r3 .inner .group .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-wrapper .swiper-slide .box .msg .swiper-pagination .on, .join_body .join_row04 .j_row04_con .j_row04_case .home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide .box .msg .swiper-pagination .on, .home #fullpage .r3 .inner .group .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-pagination .swiper-wrapper .swiper-slide .box .msg .on, .join_body .join_row04 .j_row04_con .j_row04_case .home #fullpage .r3 .inner .group .swiper .swiper-pagination .swiper-wrapper .swiper-slide .box .msg .on, .home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide .box .msg .new_det_body .new_d_time, .new_det_body .home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide .box .msg .new_d_time, .home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide .box .msg .news_block .news_txt .news_time, .news_block .news_txt .home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide .box .msg .news_time {
  color: rgba(255, 255, 255, .6);
  transition: color .3s cubic-bezier(.43, .195, .02, 1)
}
.home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active, .home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
  transform: rotate(0)
}
@media screen and (orientation:landscape) {
  .home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-prev, .home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-prev {
    transform: rotate(-6deg)
  }
  .home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-next, .home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-next {
    transform: rotate(24deg)
  }
  .home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide:hover .box .pic {
    transform: scale3d(1.1, 1.1, 1.1)
  }
  .home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide:hover .box .msg h3, .home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide:hover .box .msg .num, .home #fullpage .r3 .inner .group .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-wrapper .swiper-slide:hover .box .msg .swiper-pagination .on, .join_body .join_row04 .j_row04_con .j_row04_case .home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide:hover .box .msg .swiper-pagination .on, .home #fullpage .r3 .inner .group .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-pagination .swiper-wrapper .swiper-slide:hover .box .msg .on, .join_body .join_row04 .j_row04_con .j_row04_case .home #fullpage .r3 .inner .group .swiper .swiper-pagination .swiper-wrapper .swiper-slide:hover .box .msg .on, .home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide:hover .box .msg .new_det_body .new_d_time, .new_det_body .home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide:hover .box .msg .new_d_time, .home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide:hover .box .msg .news_block .news_txt .news_time, .news_block .news_txt .home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide:hover .box .msg .news_time {
    color: #9cd325
  }
}
.home #fullpage .r3 .inner .group .swiper .swiper-button-prev {
  width: 10vw;
  height: 10vw;
  cursor: pointer;
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(.43, .195, .02, 1) .5s, transform 1.2s cubic-bezier(.43, .195, .02, 1) .5s;
  left: calc(24.6vw - .5rem);
  transform: rotate(25deg)translateY(1rem)
}
.home #fullpage .r3 .inner .group .swiper .swiper-button-prev .mk {
  width: 100%;
  background-color: #9cd325;
  background-size: 400%;
  border-radius: 50%;
  padding-bottom: 100%;
  display: block;
  transform: rotate(-15deg)
}
.home #fullpage .r3 .inner .group .swiper .swiper-button-prev .layer-icon {
  position: absolute
}
.home #fullpage .r3 .inner .group .swiper .swiper-button-next {
  width: 10vw;
  height: 10vw;
  cursor: pointer;
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(.43, .195, .02, 1) .5s, transform 1.2s cubic-bezier(.43, .195, .02, 1) .5s;
  right: calc(24.6vw - .5rem);
  transform: rotate(-25deg)translateY(1rem)
}
.home #fullpage .r3 .inner .group .swiper .swiper-button-next .mk {
  width: 100%;
  background-color: #9cd325;
  background-size: 400%;
  border-radius: 50%;
  padding-bottom: 100%;
  display: block;
  transform: rotate(6deg)
}
.home #fullpage .r3 .inner .group .swiper .swiper-button-next .layer-icon {
  position: absolute
}
.home #fullpage .r3 .inner .bm .layer-more {
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
  transition: all .5s cubic-bezier(.43, .195, .02, 1);
  display: -ms-flexbox;
  display: flex
}
.home #fullpage .r3 .inner .bm .layer-more .iconfont {
  margin-left: .25rem;
  transition: all .5s cubic-bezier(.43, .195, .02, 1)
}
.home #fullpage .r3 .inner .bm .layer-more:hover {
  letter-spacing: 1px;
  transform: translate(.06rem)
}
.home #fullpage .r3 .inner .bm .layer-more:hover .iconfont {
  transform: translate(-.15rem)
}
.home #fullpage .r3.active .bg .waterLine .wave#wave1 {
  transform: translate(-80%)
}
.home #fullpage .r3.active .bg .waterLine .wave#wave2 {
  transform: translate(-85%)
}
.home #fullpage .r3.active .bg .waterLine .wave#wave3 {
  transform: translate(-76%)
}
.home #fullpage .row.foot .top {
  height: 18%;
  border-bottom: 1px solid rgba(255, 255, 255, .15);
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}
.home #fullpage .row.foot .top > li, .home #fullpage .row.foot .top > a {
  cursor: pointer
}
.home #fullpage .row.foot .top > li .iconfont, .home #fullpage .row.foot .top > a .iconfont {
  margin-right: .15rem
}
.home #fullpage .row.foot .top > li em, .home #fullpage .row.foot .top > a em {
  width: 2px;
  height: 2px;
  background: rgba(255, 255, 255, .3);
  border-radius: 50%;
  margin: 0 .15rem
}
.home #fullpage .row.foot .top > li em:nth-of-type(3), .home #fullpage .row.foot .top > a em:nth-of-type(3) {
  width: 1px;
  height: 16px;
  background: #fff
}
.home #fullpage .row.foot .mid {
  height: 82%;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: .3rem;
  display: -ms-flexbox;
  display: flex
}
.home #fullpage .row.foot .mid .col {
  width: 100%
}
.home #fullpage .row.foot .mid .part {
  width: 100%;
  -ms-flex: 1;
  flex: 1
}
.home #fullpage .row.foot .mid .part .half {
  width: 50%
}
.home #fullpage .row.foot .mid .part .left h2 {
  margin-bottom: .5rem;
  line-height: 1.1
}
.home #fullpage .row.foot .mid .part .left .box .enb, .home #fullpage .row.foot .mid .part .left .box .btn_more span, .btn_more .home #fullpage .row.foot .mid .part .left .box span {
  height: 2.31em
}
.home #fullpage .row.foot .mid .part .left .box .f-120 > .letter {
  line-height: .77;
  display: block
}
.home #fullpage .row.foot .mid .part .left .box .f-120 span {
  vertical-align: top;
  display: inline-block;
  position: relative
}
.home #fullpage .row.foot .mid .part .left .box .f-120 span .m1 {
  opacity: 0;
  height: .77em;
  margin-right: .3em;
  display: block
}
.home #fullpage .row.foot .mid .part .left .box .f-120 span .m2 {
  filter: drop-shadow(2px .2rem .5rem rgba(0, 0, 0, .4));
  display: block;
  position: absolute;
  bottom: 0;
  left: -.12em
}
.home #fullpage .row.foot .mid .part .right {
  padding-left: 9%
}
.home #fullpage .row.foot .mid .part .right .items .list {
  position: relative
}
.home #fullpage .row.foot .mid .part .right .items .list .txt {
  width: 9em;
  color: rgba(255, 255, 255, .8);
  line-height: .5rem;
  position: relative
}
.home #fullpage .row.foot .mid .part .right .items .list .txt .iconfont {
  opacity: 0;
  margin-left: .32rem;
  transition: opacity .5s cubic-bezier(.43, .195, .02, 1), transform .7s cubic-bezier(.43, .195, .02, 1), color .3s cubic-bezier(.43, .195, .02, 1);
  transform: translate(.15rem)
}
.home #fullpage .row.foot .mid .part .right .items .list .child {
  -ms-flex: 1;
  flex: 1;
  grid-template-columns: repeat(5, 1fr);
  gap: 0 .25rem;
  display: grid
}
.home #fullpage .row.foot .mid .part .right .items .list .child .hrefTxt {
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  transition: opacity .5s cubic-bezier(.43, .195, .02, 1), transform .7s cubic-bezier(.43, .195, .02, 1), color .3s cubic-bezier(.43, .195, .02, 1);
  transform: translate(.25rem)rotateX(-12deg)
}
.home #fullpage .row.foot .mid .part .right .items .list .child .hrefTxt:nth-of-type(2) {
  transition-delay: 50ms
}
.home #fullpage .row.foot .mid .part .right .items .list .child .hrefTxt:nth-of-type(3) {
  transition-delay: .1s
}
.home #fullpage .row.foot .mid .part .right .items .list .child .hrefTxt:nth-of-type(4) {
  transition-delay: .15s
}
.home #fullpage .row.foot .mid .part .right .items .list .child .hrefTxt:nth-of-type(5) {
  transition-delay: .2s
}
.home #fullpage .row.foot .mid .part .right .items .list .child .hrefTxt:hover, .home #fullpage .row.foot .mid .part .right .items .list:hover .txt {
  color: #9cd325
}
.home #fullpage .row.foot .mid .part .right .items .list:hover .txt .iconfont, .home #fullpage .row.foot .mid .part .right .items .list:hover .child .hrefTxt {
  opacity: 1;
  transform: translate(0, 0)
}
.home #fullpage .row.foot .mid .bm {
  width: 100%
}
.home #fullpage .row.foot .mid .bm .topic {
  width: 100%;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: .2rem
}
.home #fullpage .row.foot .mid .bm .topic > p, .home #fullpage .row.foot .mid .bm .topic > a {
  color: rgba(255, 255, 255, .3)
}
.home #fullpage .row.foot .mid .bm .topic > p > img, .home #fullpage .row.foot .mid .bm .topic > a > img {
  margin: 0 .1rem
}
.home #fullpage .row.foot .mid .bm .topic .items > .list {
  width: .6rem;
  height: .6rem;
  cursor: pointer;
  background: #4c5b41;
  border-radius: 50%;
  margin-left: .15rem
}
.home #fullpage .row.foot .mid .bm .topic .items > .list .code_box {
  width: 1.8rem;
  opacity: 0;
  pointer-events: none;
  background-color: #fff;
  border-radius: .1rem;
  margin-left: -.9rem;
  padding: .2rem;
  transition: opacity .3s ease-in-out;
  position: absolute;
  bottom: calc(100% + .2rem);
  left: 50%
}
.home #fullpage .row.foot .mid .bm .topic .items > .list .code_box:before {
  content: "";
  width: .14rem;
  height: .14rem;
  background-color: #fff;
  margin-bottom: -.07rem;
  margin-left: -.07rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: rotate(45deg)
}
.home #fullpage .row.foot .mid .bm .topic .items > .list .code_box img {
  width: 100%;
  display: block
}
.home #fullpage .row.foot .mid .bm .topic .items > .list:hover {
  z-index: 4
}
.home #fullpage .row.foot .mid .bm .topic .items > .list:hover .code_box {
  pointer-events: auto;
  opacity: 1
}
.home #fullpage .row.foot .mid .bm .topic .items > .list:hover {
  background-color: #9cd325
}
.home #fullpage .row.foot .mid .bm .group {
  background-color: #4c5b41;
  border-radius: 0.5rem 0 0.5rem 0;
  padding: .2rem .3rem
}
.home #fullpage .row.foot .mid .bm .group .items .line, .home #fullpage .row.foot .mid .bm .group .set .line {
  width: 1px;
  height: .16rem;
  background-color: rgba(255, 255, 255, .3);
  margin: 0 .2rem
}
.home #fullpage .row.foot .mid .bm .group .set > a {
  color: rgba(255, 255, 255, .5);
  transition: color .3s cubic-bezier(.43, .195, .02, 1)
}
.home #fullpage .row.foot .mid .bm .group .set > a .icon {
  width: .24rem;
  opacity: .5;
  transition: opacity .3s cubic-bezier(.43, .195, .02, 1)
}
.home #fullpage .row.foot .mid .bm .group .set > a:hover {
  color: #fff
}
.home #fullpage .row.foot .mid .bm .group .set > a:hover .icon {
  opacity: 1
}
.home #fullpage .row.foot .mid .bm .group .set #toTop {
  width: .28rem;
  cursor: pointer
}
.home #fullpage .row.foot .mid .bm .group .set #toTop path {
  transition: fill .3s cubic-bezier(.43, .195, .02, 1)
}
.home #fullpage .row.foot .mid .bm .group .set #toTop:hover path {
  fill: #fff
}
.home .screen {
  z-index: 20;
  background-color: #fbfbfb
}
.home .screen .scroll-content {
  height: 100%;
  z-index: 3;
  white-space: nowrap;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.home .screen .scroll-content .start {
  pointer-events: none;
  height: 80%;
  width: 4px;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0
}
.home .screen .scroll-content .end {
  pointer-events: none;
  height: 80%;
  width: 1rem;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0
}
.home .screen .scroll-content .midMk {
  width: calc(100% - 150vw);
  pointer-events: none;
  height: 80%;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 150vw
}
.home .screen .scroll-content.scroll-content--mask {
  z-index: 10;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0
}
.home .screen .scroll-content .js-slide {
  height: 100%
}
.home .screen .scroll-content .js-slide:nth-of-type(1) {
  width: 100vw
}
.home .screen .scroll-content .js-slide:nth-of-type(2) {
  width: 12.8rem
}
.home .screen .scroll-content .js-slide:nth-of-type(3) {
  width: 7.8rem
}
.home .screen .scroll-content .js-slide:nth-of-type(4) {
  width: 12.8rem
}
.home .screen .scroll-content .js-slide.part1 {
  background-color: #fdfdfd
}
.home .screen .scroll-content .js-slide.part1:after {
  content: "";
  width: 2.60417vw;
  height: 100%;
  background-color: #fdfdfd;
  position: absolute;
  top: 0;
  right: -1.30208vw
}
.home .screen .scroll-content .js-slide.part2 {
  background-color: #fdfdfd
}
.home .screen .scroll-content .js-slide.part3 {
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-top: .7rem
}
.home .screen .scroll-content .js-slide.part3 h3 {
  /*text-transform: uppercase;*/
  font-weight: 400;
  line-height: .75
}
.home .screen .scroll-content .js-slide.part3 b {
  font-weight: 400
}
.home .screen .scroll-content .js-slide.part5 .img {
  width: 16rem
}
.home .screen .scroll-content .js-slide.mPart1 {
  -ms-flex-direction: column;
  flex-direction: column
}
.home .screen .scroll-content .js-slide.mPart1 h2 {
  color: #231916;
  text-align: center;
  margin-bottom: .6rem;
  font-weight: 400;
  line-height: 1.3
}
.home .screen .scroll-content .js-slide.mPart1 h2 b {
  font-size: inherit
}
.home .screen .scroll-content .js-slide.mPart1 p {
  text-align: center;
  line-height: 1.1
}
.home .screen .scroll-content .js-slide.mPart3 {
  padding-bottom: 3rem
}
.home .screen .scroll-content .js-slide.mPart3 .pic {
  width: 4.5rem;
  border-radius: 2rem 0 2rem 0;
  box-shadow: .78125vw 1.35417vw 4.16667vw rgba(0, 0, 0, .23)
}
.home .screen .scroll-content .js-slide.mPart4 .left {
  width: 5.6rem;
  /*height: 78%;*/
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex
}
.home .screen .scroll-content .js-slide.mPart4 .left h3 {
  white-space: normal;
  margin-bottom: .4rem;
  line-height: 1.45
}
.home .screen .scroll-content .js-slide.mPart4 .left p {
  color: rgba(255, 255, 255, .3);
  white-space: normal
}
.home .screen .scroll-content .js-slide.mPart4 .right {
  height: 50%
}
.home .screen .scroll-content .js-slide.mPart4 .right h3 {
  margin-bottom: .4rem;
  line-height: 1.2
}
.home .screen .scroll-content .js-slide.mPart5 {
  grid-auto-flow: column;
  display: grid
}
.home .screen .scroll-content .js-slide.mPart5 .col {
  height: 100%
}
.home .screen .scroll-content .js-slide.mPart5 .c1 {
  width: 6.8rem;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-right: 6.4rem;
  padding-bottom: 6%
}
.home .screen .scroll-content .js-slide.mPart5 .c1 .photo {
  position: relative
}
.home .screen .scroll-content .js-slide.mPart5 .c1 .photo .pic {
  width: 6.8rem;
  z-index: 5;
  position: relative
}
.home .screen .scroll-content .js-slide.mPart5 .c1 .photo .pic .img {
  width: 100%;
  z-index: 10;
  display: block;
  position: relative
}
.home .screen .scroll-content .js-slide.mPart5 .c1 .photo .pic .shadow {
  z-index: 3;
  mix-blend-mode: multiply;
  width: 50%;
  position: absolute;
  bottom: 3%;
  left: 31%
}
.home .screen .scroll-content .js-slide.mPart5 .c1 .photo .pic:after {
  width: 50%;
  content: "";
  height: .4rem;
  background: radial-gradient(#00492e 60%, rgba(0, 73, 46, 0) 100%);
  position: absolute;
  bottom: 3%;
  left: 31%
}
.home .screen .scroll-content .js-slide.mPart5 .c1 .photo .dialog {
  width: 4.1rem;
  position: absolute;
  top: 0;
  right: -26%
}
.home .screen .scroll-content .js-slide.mPart5 .c1 .photo .msg {
  width: 58%;
  height: 37%;
  padding: 5% 12%;
  position: absolute;
  top: 1%;
  right: -25%
}
.home .screen .scroll-content .js-slide.mPart5 .c1 .photo .msg .dot {
  width: .45rem;
  position: absolute;
  top: -11%;
  left: 20%
}
.home .screen .scroll-content .js-slide.mPart5 .c1 .photo .msg h4 {
  white-space: nowrap;
  margin-bottom: .25rem;
  line-height: .8
}
.home .screen .scroll-content .js-slide.mPart5 .c1 .photo .msg h4 em {
  margin-left: .5rem;
  font-weight: 600
}
.home .screen .scroll-content .js-slide.mPart5 .c2 {
  width: 6rem;
  padding-top: 5%
}
.home .screen .scroll-content .js-slide.mPart5 .c2 .photo {
  position: relative
}
.home .screen .scroll-content .js-slide.mPart5 .c2 .photo .pic {
  width: 4.2rem;
  z-index: 5;
  position: relative
}
.home .screen .scroll-content .js-slide.mPart5 .c2 .photo .pic .img {
  width: 100%;
  z-index: 10;
  display: block;
  position: relative
}
.home .screen .scroll-content .js-slide.mPart5 .c2 .photo .pic .shadow {
  z-index: 3;
  mix-blend-mode: multiply;
  width: 50%;
  position: absolute;
  bottom: 0;
  left: 28%
}
.home .screen .scroll-content .js-slide.mPart5 .c2 .photo .pic:after {
  width: 50%;
  content: "";
  height: .2rem;
  background: radial-gradient(#00492e 60%, rgba(0, 73, 46, 0) 100%);
  position: absolute;
  bottom: 0;
  left: 28%
}
.home .screen .scroll-content .js-slide.mPart5 .c2 .photo .dialog {
  width: 4rem;
  position: absolute;
  top: -29%;
  left: -50%
}
.home .screen .scroll-content .js-slide.mPart5 .c2 .photo .msg {
  width: 90%;
  height: 37%;
  padding: 5% 12%;
  position: absolute;
  top: -27%;
  left: -45%
}
.home .screen .scroll-content .js-slide.mPart5 .c2 .photo .msg .dot {
  width: .45rem;
  position: absolute;
  top: -15%;
  right: 10%
}
.home .screen .scroll-content .js-slide.mPart5 .c2 .photo .msg h4 {
  white-space: nowrap;
  margin-bottom: .25rem;
  line-height: .8
}
.home .screen .scroll-content .js-slide.mPart5 .c2 .photo .msg h4 em {
  margin-left: .5rem;
  font-weight: 600
}
.home .screen .scroll-content .js-slide.mPart5 .c3 {
  width: 8.4rem;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-right: 6rem
}
.home .screen .scroll-content .js-slide.mPart5 .c3 .photo {
  position: relative;
  transform: translateY(24%)
}
.home .screen .scroll-content .js-slide.mPart5 .c3 .photo .pic {
  width: 8rem;
  z-index: 5;
  position: relative
}
.home .screen .scroll-content .js-slide.mPart5 .c3 .photo .pic .img {
  width: 100%;
  z-index: 10;
  display: block;
  position: relative
}
.home .screen .scroll-content .js-slide.mPart5 .c3 .photo .dialog {
  width: 4.6rem;
  position: absolute;
  top: -10%;
  right: -26%
}
.home .screen .scroll-content .js-slide.mPart5 .c3 .photo .msg {
  width: 53%;
  height: 30%;
  padding: 3% 6%;
  position: absolute;
  top: -8%;
  right: -26%
}
.home .screen .scroll-content .js-slide.mPart5 .c3 .photo .msg .dot {
  width: .45rem;
  position: absolute;
  top: 13%;
  right: -4%
}
.home .screen .scroll-content .js-slide.mPart5 .c3 .photo .msg h4 {
  white-space: nowrap;
  margin-bottom: .25rem;
  line-height: .8
}
.home .screen .scroll-content .js-slide.mPart5 .c3 .photo .msg h4 em {
  margin-left: .4rem;
  font-weight: 600
}
.home .screen .scroll-content .js-slide.mPart5 .c4 {
  width: 7.2rem;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-top: 3vw
}
.home .screen .scroll-content .js-slide.mPart5 .c4 .photo {
  position: relative
}
.home .screen .scroll-content .js-slide.mPart5 .c4 .photo .pic {
  width: 3.4rem;
  z-index: 5;
  position: relative
}
.home .screen .scroll-content .js-slide.mPart5 .c4 .photo .pic .img {
  width: 100%;
  z-index: 10;
  display: block;
  position: relative
}
.home .screen .scroll-content .js-slide.mPart5 .c4 .photo .pic .shadow {
  z-index: 3;
  mix-blend-mode: multiply;
  width: 50%;
  position: absolute;
  bottom: 3%;
  left: 28%
}
.home .screen .scroll-content .js-slide.mPart5 .c4 .photo .pic:after {
  width: 50%;
  content: "";
  height: .2rem;
  background: radial-gradient(#00492e 60%, rgba(0, 73, 46, 0) 100%);
  position: absolute;
  bottom: 3%;
  left: 28%
}
.home .screen .scroll-content .js-slide.mPart5 .c4 .photo .dialog {
  width: 5.2rem;
  position: absolute;
  top: -50%;
  left: 50%;
  transform: translate(-50%)
}
.home .screen .scroll-content .js-slide.mPart5 .c4 .photo .msg {
  width: 200%;
  height: 64%;
  text-align: center;
  padding: 5% 12%;
  position: absolute;
  top: -50%;
  left: -50%
}
.home .screen .scroll-content .js-slide.mPart5 .c4 .photo .msg .dot {
  width: .45rem;
  position: absolute;
  top: 13%;
  right: -4%
}
.home .screen .scroll-content .js-slide.mPart5 .c4 .photo .msg p {
  text-align: center;
  margin-bottom: .2rem
}
.home .screen .scroll-content .js-slide.mPart5 .c4 .photo .msg h4 {
  white-space: nowrap;
  margin-bottom: .25rem;
  line-height: .8
}
.home .screen .scroll-content .js-slide.mPart5 .c4 .photo .msg h4 em {
  font-weight: 600
}
.home .screen .logoBg {
  pointer-events: none;
  z-index: 2
}
.home .screen .logoBg .img {
  width: 15rem
}
.home .screen .scroll-bg {
  pointer-events: none;
  z-index: 4
}
.home .screen .scroll-bg .waterLine {
  width: 116%;
  position: absolute;
  bottom: 3vw;
  left: 0
}
.home .screen .scroll-bg .waterLine .wave {
  fill: transparent;
  stroke-width: .03px;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: paused;
  animation-delay: calc(var(--scroll)*-1s)
}
.home .screen .scroll-bg .waterLine .wave#wave1 {
  stroke: rgba(156, 211, 37, .7);
  animation-name: wave1
}
.home .screen .scroll-bg .waterLine .wave#wave2 {
  stroke: rgba(156, 211, 37, .5);
  animation-name: wave2;
  animation-timing-function: linear;
  animation-direction: reverse
}
.home .screen .scroll-bg .waterLine .wave#wave3 {
  stroke: rgba(156, 211, 37, .3);
  animation-name: wave3;
  animation-timing-function: ease-out
}
.home .screen.active {
  pointer-events: none
}
.searchResult .banner {
  position: relative
}
.searchResult .banner > img {
  width: 100%;
  display: block
}
.searchResult .banner .inner {
  height: 100%;
  width: 9rem;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 auto;
  padding-bottom: .6rem;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0
}
.searchResult .banner .inner .search {
  width: 100%;
  position: relative
}
.searchResult .banner .inner .search input {
  width: 100%;
  height: .6rem;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #fff
}
.searchResult .banner .inner .search > a {
  line-height: .6rem;
  position: absolute;
  top: 0;
  right: 0
}
.searchResult .banner .inner .items {
  height: .7rem
}
.searchResult .banner .inner .items > a {
  opacity: .6;
  margin-right: .5rem;
  transition: opacity .5s cubic-bezier(.43, .195, .02, 1)
}
.searchResult .banner .inner .items > a:hover {
  opacity: 1
}
.searchResult .r1 {
  padding-top: 1rem;
  padding-bottom: 2rem
}
@keyframes Tmouse {
  0% {
    transform: translateY(0)
  }
  to {
    -webkit-transform: translateY(12px);
    transform: translateY(-12px)
  }
}
@keyframes wave {
  0% {
    transform: translate(0%)
  }
  to {
    transform: translate(-100%)
  }
}
@keyframes wave1 {
  0% {
    stroke: #9cd325;
    transform: translate(0%)
  }
  40% {
    stroke: rgba(255, 255, 255, .2)
  }
  to {
    transform: translate(-100%)
  }
}
@keyframes wave2 {
  0% {
    transform: translate(0%)
  }
  70% {
    stroke: rgba(255, 255, 255, .1)
  }
  to {
    transform: translate(-100%)
  }
}
@keyframes wave3 {
  0% {
    transform: translate(0%)
  }
  40% {
    stroke: rgba(255, 255, 255, .1)
  }
  to {
    transform: translate(-80%)
  }
}
@keyframes ball {
  to {
    transform: translateY(20%)
  }
}
@keyframes loadShow {
  0% {
    opacity: 0;
    transform: translateY(50%)
  }
  to {
    opacity: 1;
    transform: translateY(0)
  }
}
@keyframes lineGo {
  0% {
    opacity: 0;
    transform: scaleX(0)
  }
  3% {
    opacity: 1
  }
  to {
    opacity: 1;
    transform: scaleX(1)
  }
}
@keyframes arrowGoDown {
  0% {
    opacity: 1;
    transform: translate(0, 0)
  }
  50% {
    opacity: 0;
    transform: translateY(.15rem)scale(1.1)
  }
  51% {
    opacity: 0;
    transform: translateY(-.15rem)scale(1.1)
  }
  to {
    opacity: 1;
    transform: translate(0, 0)
  }
}
@keyframes arrowGoLeft {
  0% {
    opacity: 1;
    transform: translate(0, 0)
  }
  50% {
    opacity: 0;
    transform: translate(-.15rem)scale(1.1)
  }
  51% {
    opacity: 0;
    transform: translate(.15rem)scale(1.1)
  }
  to {
    opacity: 1;
    transform: translate(0, 0)
  }
}
@media screen and (orientation:landscape) {
  .app {
    display: none !important
  }
}
@media screen and (orientation:portrait) {
  .pc {
    display: none !important
  }
  #app header .mk {
    z-index: 1;
    width: 100%;
    height: 120%;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: start;
    align-items: flex-start;
    transition: transform 1.2s cubic-bezier(.43, .195, .02, 1);
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    transform: translateY(-100%)
  }
  #app header .appNav .menu .f-20 {
    font-size: 16px
  }
  #app header.open .mk {
    transform: translateY(0)
  }
  #app header .mk:before {
    content: "";
    width: 100%;
    height: 90%;
    background-color: #4c5b41;
    position: absolute;
    top: 0;
    left: 0
  }
  .home #fullpage .row.foot .mid .bm .group .set #toTop, .home #fullpage .row.foot .mid .bm .group .set #toTop .icon {
    width: .4rem
  }
  #load {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 2rem;
    display: -ms-flexbox;
    display: flex
  }
  #load #loadFrame {
    width: 100%;
    height: 100%;
    position: absolute;
    top: auto;
    bottom: 0;
    left: auto;
    right: 0
  }
  #load .bg {
    z-index: 5;
    margin-bottom: .6rem;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto
  }
  #load .process {
    z-index: 5;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto
  }
  #load .process #sum {
    font-size: .6rem
  }
  .foot {
    height: auto;
    min-height: auto;
    overflow: hidden
  }
  .foot .top {
    height: 2.6rem;
    width: calc(100% - .5rem);
    max-width: 100%;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 auto;
    padding-top: 1.4rem
  }
  .foot .top > .fxc:nth-of-type(2n+1), .foot .top > .layer-icon:nth-of-type(2n+1), .foot .top > .layer-toTop:nth-of-type(2n+1), .foot .layer-toTop.top > a:nth-of-type(2n+1), .foot #app header .appNav .top > .menu:nth-of-type(2n+1), #app header .appNav .foot .top > .menu:nth-of-type(2n+1), .foot .custom .group .c3.top > li:nth-of-type(2n+1), .custom .group .foot .c3.top > li:nth-of-type(2n+1), .foot .custom .group .c3.top > a:nth-of-type(2n+1), .custom .group .foot .c3.top > a:nth-of-type(2n+1), .foot .home #fullpage .r3 .inner .group .swiper .swiper-button-prev .top > .layer-icon:nth-of-type(2n+1), .home #fullpage .r3 .inner .group .swiper .swiper-button-prev .foot .top > .layer-icon:nth-of-type(2n+1), .foot .home #fullpage .r3 .inner .group .swiper .swiper-button-next .top > .layer-icon:nth-of-type(2n+1), .home #fullpage .r3 .inner .group .swiper .swiper-button-next .foot .top > .layer-icon:nth-of-type(2n+1), .foot .home .screen .top > .logoBg:nth-of-type(2n+1), .home .screen .foot .top > .logoBg:nth-of-type(2n+1) {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
  }
  .foot .top > .fxc:nth-of-type(2n), .foot .top > .layer-icon:nth-of-type(2n), .foot .top > .layer-toTop:nth-of-type(2n), .foot .layer-toTop.top > a:nth-of-type(2n), .foot #app header .appNav .top > .menu:nth-of-type(2n), #app header .appNav .foot .top > .menu:nth-of-type(2n), .foot .custom .group .c3.top > li:nth-of-type(2n), .custom .group .foot .c3.top > li:nth-of-type(2n), .foot .custom .group .c3.top > a:nth-of-type(2n), .custom .group .foot .c3.top > a:nth-of-type(2n), .foot .home #fullpage .r3 .inner .group .swiper .swiper-button-prev .top > .layer-icon:nth-of-type(2n), .home #fullpage .r3 .inner .group .swiper .swiper-button-prev .foot .top > .layer-icon:nth-of-type(2n), .foot .home #fullpage .r3 .inner .group .swiper .swiper-button-next .top > .layer-icon:nth-of-type(2n), .home #fullpage .r3 .inner .group .swiper .swiper-button-next .foot .top > .layer-icon:nth-of-type(2n), .foot .home .screen .top > .logoBg:nth-of-type(2n), .home .screen .foot .top > .logoBg:nth-of-type(2n) {
    height: 22px
  }
  .foot .top > .fxc:nth-of-type(2n) em, .foot .top > .layer-icon:nth-of-type(2n) em, .foot .top > .layer-toTop:nth-of-type(2n) em, .foot .layer-toTop.top > a:nth-of-type(2n) em, .foot #app header .appNav .top > .menu:nth-of-type(2n) em, #app header .appNav .foot .top > .menu:nth-of-type(2n) em, .foot .custom .group .c3.top > li:nth-of-type(2n) em, .custom .group .foot .c3.top > li:nth-of-type(2n) em, .foot .custom .group .c3.top > a:nth-of-type(2n) em, .custom .group .foot .c3.top > a:nth-of-type(2n) em, .foot .home #fullpage .r3 .inner .group .swiper .swiper-button-prev .top > .layer-icon:nth-of-type(2n) em, .home #fullpage .r3 .inner .group .swiper .swiper-button-prev .foot .top > .layer-icon:nth-of-type(2n) em, .foot .home #fullpage .r3 .inner .group .swiper .swiper-button-next .top > .layer-icon:nth-of-type(2n) em, .home #fullpage .r3 .inner .group .swiper .swiper-button-next .foot .top > .layer-icon:nth-of-type(2n) em, .foot .home .screen .top > .logoBg:nth-of-type(2n) em, .home .screen .foot .top > .logoBg:nth-of-type(2n) em {
    margin: 0 4px
  }
  .foot .top > .fxc:nth-of-type(2n) em:nth-of-type(3), .foot .top > .layer-icon:nth-of-type(2n) em:nth-of-type(3), .foot .top > .layer-toTop:nth-of-type(2n) em:nth-of-type(3), .foot .layer-toTop.top > a:nth-of-type(2n) em:nth-of-type(3), .foot #app header .appNav .top > .menu:nth-of-type(2n) em:nth-of-type(3), #app header .appNav .foot .top > .menu:nth-of-type(2n) em:nth-of-type(3), .foot .custom .group .c3.top > li:nth-of-type(2n) em:nth-of-type(3), .custom .group .foot .c3.top > li:nth-of-type(2n) em:nth-of-type(3), .foot .custom .group .c3.top > a:nth-of-type(2n) em:nth-of-type(3), .custom .group .foot .c3.top > a:nth-of-type(2n) em:nth-of-type(3), .foot .home #fullpage .r3 .inner .group .swiper .swiper-button-prev .top > .layer-icon:nth-of-type(2n) em:nth-of-type(3), .home #fullpage .r3 .inner .group .swiper .swiper-button-prev .foot .top > .layer-icon:nth-of-type(2n) em:nth-of-type(3), .foot .home #fullpage .r3 .inner .group .swiper .swiper-button-next .top > .layer-icon:nth-of-type(2n) em:nth-of-type(3), .home #fullpage .r3 .inner .group .swiper .swiper-button-next .foot .top > .layer-icon:nth-of-type(2n) em:nth-of-type(3), .foot .home .screen .top > .logoBg:nth-of-type(2n) em:nth-of-type(3), .home .screen .foot .top > .logoBg:nth-of-type(2n) em:nth-of-type(3) {
    width: 1px
  }
  .foot .top > .fxc:nth-of-type(2n) em:nth-of-type(1), .foot .top > .layer-icon:nth-of-type(2n) em:nth-of-type(1), .foot .top > .layer-toTop:nth-of-type(2n) em:nth-of-type(1), .foot .layer-toTop.top > a:nth-of-type(2n) em:nth-of-type(1), .foot #app header .appNav .top > .menu:nth-of-type(2n) em:nth-of-type(1), #app header .appNav .foot .top > .menu:nth-of-type(2n) em:nth-of-type(1), .foot .custom .group .c3.top > li:nth-of-type(2n) em:nth-of-type(1), .custom .group .foot .c3.top > li:nth-of-type(2n) em:nth-of-type(1), .foot .custom .group .c3.top > a:nth-of-type(2n) em:nth-of-type(1), .custom .group .foot .c3.top > a:nth-of-type(2n) em:nth-of-type(1), .foot .home #fullpage .r3 .inner .group .swiper .swiper-button-prev .top > .layer-icon:nth-of-type(2n) em:nth-of-type(1), .home #fullpage .r3 .inner .group .swiper .swiper-button-prev .foot .top > .layer-icon:nth-of-type(2n) em:nth-of-type(1), .foot .home #fullpage .r3 .inner .group .swiper .swiper-button-next .top > .layer-icon:nth-of-type(2n) em:nth-of-type(1), .home #fullpage .r3 .inner .group .swiper .swiper-button-next .foot .top > .layer-icon:nth-of-type(2n) em:nth-of-type(1), .foot .home .screen .top > .logoBg:nth-of-type(2n) em:nth-of-type(1), .home .screen .foot .top > .logoBg:nth-of-type(2n) em:nth-of-type(1), .foot .top > .fxc:nth-of-type(2n) em:nth-of-type(5), .foot .top > .layer-icon:nth-of-type(2n) em:nth-of-type(5), .foot .top > .layer-toTop:nth-of-type(2n) em:nth-of-type(5), .foot .layer-toTop.top > a:nth-of-type(2n) em:nth-of-type(5), .foot #app header .appNav .top > .menu:nth-of-type(2n) em:nth-of-type(5), #app header .appNav .foot .top > .menu:nth-of-type(2n) em:nth-of-type(5), .foot .custom .group .c3.top > li:nth-of-type(2n) em:nth-of-type(5), .custom .group .foot .c3.top > li:nth-of-type(2n) em:nth-of-type(5), .foot .custom .group .c3.top > a:nth-of-type(2n) em:nth-of-type(5), .custom .group .foot .c3.top > a:nth-of-type(2n) em:nth-of-type(5), .foot .home #fullpage .r3 .inner .group .swiper .swiper-button-prev .top > .layer-icon:nth-of-type(2n) em:nth-of-type(5), .home #fullpage .r3 .inner .group .swiper .swiper-button-prev .foot .top > .layer-icon:nth-of-type(2n) em:nth-of-type(5), .foot .home #fullpage .r3 .inner .group .swiper .swiper-button-next .top > .layer-icon:nth-of-type(2n) em:nth-of-type(5), .home #fullpage .r3 .inner .group .swiper .swiper-button-next .foot .top > .layer-icon:nth-of-type(2n) em:nth-of-type(5), .foot .home .screen .top > .logoBg:nth-of-type(2n) em:nth-of-type(5), .home .screen .foot .top > .logoBg:nth-of-type(2n) em:nth-of-type(5) {
    display: none
  }
  .foot .top > .fxc h4, .foot .top > .layer-icon h4, .foot .top > .layer-toTop h4, .foot .layer-toTop.top > a h4, .foot #app header .appNav .top > .menu h4, #app header .appNav .foot .top > .menu h4, .foot .custom .group .c3.top > li h4, .custom .group .foot .c3.top > li h4, .foot .custom .group .c3.top > a h4, .custom .group .foot .c3.top > a h4, .foot .home #fullpage .r3 .inner .group .swiper .swiper-button-prev .top > .layer-icon h4, .home #fullpage .r3 .inner .group .swiper .swiper-button-prev .foot .top > .layer-icon h4, .foot .home #fullpage .r3 .inner .group .swiper .swiper-button-next .top > .layer-icon h4, .home #fullpage .r3 .inner .group .swiper .swiper-button-next .foot .top > .layer-icon h4, .foot .home .screen .top > .logoBg h4, .home .screen .foot .top > .logoBg h4 {
    margin-top: 10px;
    font-size: 13px
  }
  .foot .mid {
    width: calc(100% - 1rem);
    max-width: 100%;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 0 auto;
    padding-top: .3rem
  }
  .foot .mid .part {
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: .6rem;
    padding-bottom: .6rem
  }
  .foot .mid .part .half {
    width: 100%
  }
  .foot .mid .part .left {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    display: -ms-flexbox;
    display: flex
  }
  .foot .mid .part .left h2 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0
  }
  .foot .mid .part .left .box .f-120 {
    font-size: 13vw
  }
  .foot .mid .part .left .box .f-120 span .m1 {
    width: 1em
  }
  .foot .mid .part .left .box .f-120 span .m2 {
    width: 20vw
  }
  .foot .mid .part .right {
    margin-top: .4rem;
    padding-left: 0
  }
  .foot .mid .part .right .items .list .child {
    display: none
  }
  .foot .mid .part .right .items .list .txt {
    padding: 5px 0;
    font-size: 17px;
    line-height: 1.2
  }
  .foot .mid .bm {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex
  }
  .foot .mid .bm .topic .items {
    display: none
  }
  .foot .mid .bm .topic p {
    font-size: 12px
  }
  .foot .mid .bm .group {
    background-color: transparent;
    border-top: 1px solid rgba(255, 255, 255, .15);
    border-radius: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .3rem 0 .05rem
  }
  .foot .mid .bm .group > .items {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .6rem
  }
  .foot .mid .bm .group > .items li:first-of-type {
    width: 100%;
    margin-bottom: 5px
  }
  .foot .mid .bm .group > .items li.f-14 {
    margin-right: 8px;
    padding: 2px 0
  }
  .foot .mid .bm .group > .items li.fw-600 {
    font-weight: 400
  }
  .foot .mid .bm .group .items .line {
    display: none
  }
  .foot .mid .bm .group > .set {
    width: 100%;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
  }
  .foot .mid .bm .group .set #toTop, .foot .mid .bm .group .set > a .icon {
    width: .4rem
  }
  .custom {
    height: auto
  }
  .custom .group {
    height: auto;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .3rem
  }
  .custom .group .col {
    width: 100%;
    max-width: 100%
  }
  .custom .group .col h2 {
    margin-bottom: .3rem;
    font-size: 16px
  }
  .custom .group .c1 .adr {
    margin-bottom: .15rem
  }
  .custom .group .c2 {
    margin-bottom: .3rem
  }
  .custom .group .c2 .til {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center
  }
  .custom .group .c2 .til .lab {
    font-size: 12px
  }
  .custom .group .c2 .items {
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center
  }
  .custom .group .c2 .items > li {
    margin: .05rem .2rem .1rem 0
  }
  .custom .group .c3 {
    grid-template-columns: repeat(3, 1fr);
    padding: 0;
    display: grid
  }
  .custom .group .line {
    width: 100%;
    height: 1px;
    margin: .4rem 0
  }
  .custom .group .fxs, .custom .group .searchResult .banner .inner .items, .searchResult .banner .inner .custom .group .items {
    width: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .custom .closeSet {
    width: .5rem;
    height: .5rem;
    top: -.25rem
  }
  .custom .closeSet .f-18 {
    font-size: 12px
  }
  .custom .setTu {
    bottom: .3rem
  }
  .home #fullpage .row {
    min-height: 10vw
  }
  .home #fullpage .banner .txtItem {
    height: 80%
  }
  .home #fullpage .banner .txtItem > li a {
    padding: 0 6%
  }
  .home #fullpage .banner .txtItem > li h2 {
    text-align: center;
    width: 100%;
    font-size: .44rem
  }
  .home #fullpage .banner .txtItem > li p {
    width: 100%;
    text-align: center;
    font-size: .7rem
  }
  .home #fullpage .banner .pager {
    margin: auto 0;
    top: 20%;
    bottom: 0
  }
  .home #fullpage .banner .pager > li {
    border-width: 1px
  }
  .home #fullpage .banner .pager > li .dot {
    width: 2px
  }
  .home #fullpage .banner .pager > li:last-of-type:before, .home #fullpage .banner .pager > li:first-of-type:after {
    display: none
  }
  .home #fullpage .banner .scr {
    width: 1rem;
    margin: 0 auto;
    bottom: 3%;
    left: 0;
    right: 0
  }
  .home #fullpage .r1 {
    background-color: #fbfbfb
  }
  .home #fullpage .r1 .screen {
    display: none
  }
  .home #fullpage .r1-app .c2 .photo .msg p {
    white-space: nowrap
  }
  .home #fullpage .r2 .bg {
    display: none
  }
  .home #fullpage .r2 .inner {
    width: 100%;
    max-width: 100%;
    grid-template-rows: auto auto;
    -ms-flex-line-pack: center;
    -ms-flex-pack: center;
    align-content: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: start;
    padding-top: 1.4rem;
    display: grid
  }
  .home #fullpage .r2 .inner .left {
    width: calc(100% - 1rem);
    margin: 0 auto 10vw;
    padding-left: 0
  }
  .home #fullpage .r2 .inner .left h2 {
    font-size: 1.2rem
  }
  .home #fullpage .r2 .inner .left .items > li {
    border-width: 2px
  }
  .home #fullpage .r2 .inner .mid {
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
  }
  .home #fullpage .r2 .inner .mid .part {
    width: 100%;
    padding: 0
  }
  .home #fullpage .r2 .inner .right {
    width: 100%;
    display: none
  }
  .home #fullpage .r2 .inner .mid {
    height: 100%
  }
  .home #fullpage .r2 .inner .mid .part .swiper .swiper-wrapper .swiper-slide {
    padding: .2rem 0 .3rem
  }
  .home #fullpage .r2 .inner .mid .part .swiper-button-prev {
    left: .5rem
  }
  .home #fullpage .r2 .inner .mid .part .swiper-button-next {
    right: .5rem
  }
  .home #fullpage .r2 .inner .mid .part:nth-of-type(2) {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
  }
  .home #fullpage .r2 .inner .mid .part:nth-of-type(2) .swiper .swiper-wrapper .swiper-slide .box .pic {
    width: 100%
  }
  .home #fullpage .r3 {
    width: 100%;
    overflow: hidden
  }
  .home #fullpage .r3 .bg .waterLine {
    width: 150%;
    top: .5rem
  }
  .home #fullpage .r3 .inner {
    height: 100%;
    grid-template-rows: 15% 65% 20%;
    grid-auto-flow: column;
    padding-top: 1.5rem;
    display: grid
  }
  .home #fullpage .r3 .inner .topic {
    -ms-flex-pack: center;
    justify-content: center
  }
  .home #fullpage .r3 .inner .topic .tab:nth-of-type(2) {
    margin-right: 0
  }
  .home #fullpage .r3 .inner .group {
    height: 100%;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
  }
  .home #fullpage .r3 .inner .group .swiper {
    width: 100%;
    padding-bottom: 36vw
  }
  .home #fullpage .r3 .inner .group .swiper .swiper-button-prev {
    width: 26vw;
    height: 26vw;
    top: auto;
    bottom: 0;
    left: -26vw;
    right: 0
  }
  .home #fullpage .r3 .inner .group .swiper .swiper-button-prev .mk {
    border-radius: 0 .5rem
  }
  .home #fullpage .r3 .inner .group .swiper .swiper-button-next {
    width: 26vw;
    height: 26vw;
    top: auto;
    bottom: 0;
    left: 0;
    right: -26vw
  }
  .home #fullpage .r3 .inner .group .swiper .swiper-button-next .mk {
    border-radius: .5rem 0
  }
  .home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide {
    width: 68vw
  }
  .home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide .box .msg h3 {
    font-size: 16px
  }
  .home #fullpage .r3 .inner .group .swiper:nth-of-type(2) {
    height: 104vw;
    margin: auto 0;
    bottom: 0
  }
  .home #fullpage .row.foot .top {
    height: 3rem;
    width: calc(100% - .5rem);
    max-width: 100%;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 auto;
    padding-top: 1.8rem
  }
  .home #fullpage .row.foot .top > .fxc:nth-of-type(2n+1), .home #fullpage .row.foot .top > .layer-icon:nth-of-type(2n+1), .home #fullpage .row.foot .top > .layer-toTop:nth-of-type(2n+1), .home #fullpage .row.foot .layer-toTop.top > a:nth-of-type(2n+1), .home #fullpage .row.foot #app header .appNav .top > .menu:nth-of-type(2n+1), #app header .appNav .home #fullpage .row.foot .top > .menu:nth-of-type(2n+1), .home #fullpage .row.foot .custom .group .c3.top > li:nth-of-type(2n+1), .custom .group .home #fullpage .row.foot .c3.top > li:nth-of-type(2n+1), .home #fullpage .row.foot .custom .group .c3.top > a:nth-of-type(2n+1), .custom .group .home #fullpage .row.foot .c3.top > a:nth-of-type(2n+1), .home #fullpage .row.foot .r3 .inner .group .swiper .swiper-button-prev .top > .layer-icon:nth-of-type(2n+1), .home #fullpage .r3 .inner .group .swiper .swiper-button-prev .row.foot .top > .layer-icon:nth-of-type(2n+1), .home #fullpage .row.foot .r3 .inner .group .swiper .swiper-button-next .top > .layer-icon:nth-of-type(2n+1), .home #fullpage .r3 .inner .group .swiper .swiper-button-next .row.foot .top > .layer-icon:nth-of-type(2n+1), .home #fullpage .row.foot .screen .top > .logoBg:nth-of-type(2n+1), .home .screen #fullpage .row.foot .top > .logoBg:nth-of-type(2n+1) {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
  }
  .home #fullpage .row.foot .top > .fxc:nth-of-type(2n), .home #fullpage .row.foot .top > .layer-icon:nth-of-type(2n), .home #fullpage .row.foot .top > .layer-toTop:nth-of-type(2n), .home #fullpage .row.foot .layer-toTop.top > a:nth-of-type(2n), .home #fullpage .row.foot #app header .appNav .top > .menu:nth-of-type(2n), #app header .appNav .home #fullpage .row.foot .top > .menu:nth-of-type(2n), .home #fullpage .row.foot .custom .group .c3.top > li:nth-of-type(2n), .custom .group .home #fullpage .row.foot .c3.top > li:nth-of-type(2n), .home #fullpage .row.foot .custom .group .c3.top > a:nth-of-type(2n), .custom .group .home #fullpage .row.foot .c3.top > a:nth-of-type(2n), .home #fullpage .row.foot .r3 .inner .group .swiper .swiper-button-prev .top > .layer-icon:nth-of-type(2n), .home #fullpage .r3 .inner .group .swiper .swiper-button-prev .row.foot .top > .layer-icon:nth-of-type(2n), .home #fullpage .row.foot .r3 .inner .group .swiper .swiper-button-next .top > .layer-icon:nth-of-type(2n), .home #fullpage .r3 .inner .group .swiper .swiper-button-next .row.foot .top > .layer-icon:nth-of-type(2n), .home #fullpage .row.foot .screen .top > .logoBg:nth-of-type(2n), .home .screen #fullpage .row.foot .top > .logoBg:nth-of-type(2n) {
    height: 22px
  }
  .home #fullpage .row.foot .top > .fxc:nth-of-type(2n) em, .home #fullpage .row.foot .top > .layer-icon:nth-of-type(2n) em, .home #fullpage .row.foot .top > .layer-toTop:nth-of-type(2n) em, .home #fullpage .row.foot .layer-toTop.top > a:nth-of-type(2n) em, .home #fullpage .row.foot #app header .appNav .top > .menu:nth-of-type(2n) em, #app header .appNav .home #fullpage .row.foot .top > .menu:nth-of-type(2n) em, .home #fullpage .row.foot .custom .group .c3.top > li:nth-of-type(2n) em, .custom .group .home #fullpage .row.foot .c3.top > li:nth-of-type(2n) em, .home #fullpage .row.foot .custom .group .c3.top > a:nth-of-type(2n) em, .custom .group .home #fullpage .row.foot .c3.top > a:nth-of-type(2n) em, .home #fullpage .row.foot .r3 .inner .group .swiper .swiper-button-prev .top > .layer-icon:nth-of-type(2n) em, .home #fullpage .r3 .inner .group .swiper .swiper-button-prev .row.foot .top > .layer-icon:nth-of-type(2n) em, .home #fullpage .row.foot .r3 .inner .group .swiper .swiper-button-next .top > .layer-icon:nth-of-type(2n) em, .home #fullpage .r3 .inner .group .swiper .swiper-button-next .row.foot .top > .layer-icon:nth-of-type(2n) em, .home #fullpage .row.foot .screen .top > .logoBg:nth-of-type(2n) em, .home .screen #fullpage .row.foot .top > .logoBg:nth-of-type(2n) em {
    margin: 0 4px
  }
  .home #fullpage .row.foot .top > .fxc:nth-of-type(2n) em:nth-of-type(3), .home #fullpage .row.foot .top > .layer-icon:nth-of-type(2n) em:nth-of-type(3), .home #fullpage .row.foot .top > .layer-toTop:nth-of-type(2n) em:nth-of-type(3), .home #fullpage .row.foot .layer-toTop.top > a:nth-of-type(2n) em:nth-of-type(3), .home #fullpage .row.foot #app header .appNav .top > .menu:nth-of-type(2n) em:nth-of-type(3), #app header .appNav .home #fullpage .row.foot .top > .menu:nth-of-type(2n) em:nth-of-type(3), .home #fullpage .row.foot .custom .group .c3.top > li:nth-of-type(2n) em:nth-of-type(3), .custom .group .home #fullpage .row.foot .c3.top > li:nth-of-type(2n) em:nth-of-type(3), .home #fullpage .row.foot .custom .group .c3.top > a:nth-of-type(2n) em:nth-of-type(3), .custom .group .home #fullpage .row.foot .c3.top > a:nth-of-type(2n) em:nth-of-type(3), .home #fullpage .row.foot .screen .top > .logoBg:nth-of-type(2n) em:nth-of-type(3), .home .screen #fullpage .row.foot .top > .logoBg:nth-of-type(2n) em:nth-of-type(3) {
    width: 1px
  }
  .home #fullpage .row.foot .top > .fxc:nth-of-type(2n) em:nth-of-type(1), .home #fullpage .row.foot .top > .layer-icon:nth-of-type(2n) em:nth-of-type(1), .home #fullpage .row.foot .top > .layer-toTop:nth-of-type(2n) em:nth-of-type(1), .home #fullpage .row.foot .layer-toTop.top > a:nth-of-type(2n) em:nth-of-type(1), .home #fullpage .row.foot #app header .appNav .top > .menu:nth-of-type(2n) em:nth-of-type(1), #app header .appNav .home #fullpage .row.foot .top > .menu:nth-of-type(2n) em:nth-of-type(1), .home #fullpage .row.foot .custom .group .c3.top > li:nth-of-type(2n) em:nth-of-type(1), .custom .group .home #fullpage .row.foot .c3.top > li:nth-of-type(2n) em:nth-of-type(1), .home #fullpage .row.foot .custom .group .c3.top > a:nth-of-type(2n) em:nth-of-type(1), .custom .group .home #fullpage .row.foot .c3.top > a:nth-of-type(2n) em:nth-of-type(1), .home #fullpage .row.foot .screen .top > .logoBg:nth-of-type(2n) em:nth-of-type(1), .home .screen #fullpage .row.foot .top > .logoBg:nth-of-type(2n) em:nth-of-type(1), .home #fullpage .row.foot .top > .fxc:nth-of-type(2n) em:nth-of-type(5), .home #fullpage .row.foot .top > .layer-icon:nth-of-type(2n) em:nth-of-type(5), .home #fullpage .row.foot .top > .layer-toTop:nth-of-type(2n) em:nth-of-type(5), .home #fullpage .row.foot .layer-toTop.top > a:nth-of-type(2n) em:nth-of-type(5), .home #fullpage .row.foot #app header .appNav .top > .menu:nth-of-type(2n) em:nth-of-type(5), #app header .appNav .home #fullpage .row.foot .top > .menu:nth-of-type(2n) em:nth-of-type(5), .home #fullpage .row.foot .custom .group .c3.top > li:nth-of-type(2n) em:nth-of-type(5), .custom .group .home #fullpage .row.foot .c3.top > li:nth-of-type(2n) em:nth-of-type(5), .home #fullpage .row.foot .custom .group .c3.top > a:nth-of-type(2n) em:nth-of-type(5), .custom .group .home #fullpage .row.foot .c3.top > a:nth-of-type(2n) em:nth-of-type(5), .home #fullpage .row.foot .screen .top > .logoBg:nth-of-type(2n) em:nth-of-type(5), .home .screen #fullpage .row.foot .top > .logoBg:nth-of-type(2n) em:nth-of-type(5) {
    display: none
  }
  .home #fullpage .row.foot .top > .fxc h4, .home #fullpage .row.foot .top > .layer-icon h4, .home #fullpage .row.foot .top > .layer-toTop h4, .home #fullpage .row.foot .layer-toTop.top > a h4, .home #fullpage .row.foot #app header .appNav .top > .menu h4, #app header .appNav .home #fullpage .row.foot .top > .menu h4, .home #fullpage .row.foot .custom .group .c3.top > li h4, .custom .group .home #fullpage .row.foot .c3.top > li h4, .home #fullpage .row.foot .custom .group .c3.top > a h4, .custom .group .home #fullpage .row.foot .c3.top > a h4, .home #fullpage .row.foot .r3 .inner .group .swiper .swiper-button-prev .top > .layer-icon h4, .home #fullpage .r3 .inner .group .swiper .swiper-button-prev .row.foot .top > .layer-icon h4, .home #fullpage .row.foot .r3 .inner .group .swiper .swiper-button-next .top > .layer-icon h4, .home #fullpage .r3 .inner .group .swiper .swiper-button-next .row.foot .top > .layer-icon h4, .home #fullpage .row.foot .screen .top > .logoBg h4, .home .screen #fullpage .row.foot .top > .logoBg h4 {
    margin-top: 10px;
    font-size: 13px
  }
  .home #fullpage .row.foot .mid {
    width: calc(100% - 1rem);
    max-width: 100%;
    height: calc(100% - 3rem);
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 0 auto;
    padding-top: .3rem
  }
  .home #fullpage .row.foot .mid .part {
    -ms-flex-direction: column;
    flex-direction: column
  }
  .home #fullpage .row.foot .mid .part .half {
    width: 100%
  }
  .home #fullpage .row.foot .mid .part .left {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    display: -ms-flexbox;
    display: flex
  }
  .home #fullpage .row.foot .mid .part .left h2 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0
  }
  .home #fullpage .row.foot .mid .part .left .box .f-120 {
    font-size: 13vw
  }
  .home #fullpage .row.foot .mid .part .left .box .f-120 span .m1 {
    width: 1em
  }
  .home #fullpage .row.foot .mid .part .left .box .f-120 span .m2 {
    width: 20vw
  }
  .home #fullpage .row.foot .mid .part .right {
    margin-top: .4rem;
    padding-left: 0
  }
  .home #fullpage .row.foot .mid .part .right, .foot .mid .part .right, .home #fullpage .row.foot .mid .part .right .items .list .child {
    display: none
  }
  .home #fullpage .row.foot .mid .part .right .items .list .txt {
    padding: 5px 0;
    font-size: 17px;
    line-height: 1.2
  }
  .home #fullpage .row.foot .mid .bm {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: .3rem;
    display: -ms-flexbox;
    display: flex
  }
  .home #fullpage .row.foot .mid .bm .topic .items {
    display: none
  }
  .home #fullpage .row.foot .mid .bm .topic p {
    font-size: 12px
  }
  .home #fullpage .row.foot .mid .bm .group {
    width: 100%;
    background-color: transparent;
    border-top: 1px solid rgba(255, 255, 255, .15);
    border-radius: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .3rem 0 .05rem
  }
  .foot .mid .bm .group {
    width: 100%
  }
  .foot .mid .bm .group > .items {
    width: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex
  }
  .home #fullpage .row.foot .mid .bm .group > .items {
    width: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: .8rem;
    display: -ms-flexbox;
    display: flex
  }
  .home #fullpage .row.foot .mid .bm .group > .items li:first-of-type {
    width: 100%;
    margin-bottom: 5px
  }
  .home #fullpage .row.foot .mid .bm .group > .items li.f-14 {
    margin-right: 8px;
    padding: 2px 0
  }
  .home #fullpage .row.foot .mid .bm .group > .items li.fw-600 {
    font-weight: 400;
    line-height: 2
  }
  .home #fullpage .row.foot .mid .bm .group .items .line {
    display: none
  }
  .home #fullpage .row.foot .mid .bm .group > .set {
    width: 100%;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
  }
  .home #fullpage .row.foot .mid .part .left .box .f-120 > .letter {
    white-space: nowrap
  }
  .foot .mid .bm .group > .items {
    margin-bottom: .8rem !important
  }
  .foot .mid .part .left .box .f-120 > .letter {
    white-space: nowrap !important
  }
  .searchResult .banner > img {
    height: 72vw;
    object-fit: cover
  }
  .searchResult .banner .inner {
    width: 88%
  }
  .searchResult .r1 {
    padding-top: 2rem
  }
}
@media screen and (orientation:portrait) and (max-height:820px) {
  .home #fullpage .row.foot .mid .part .right .items, .foot .mid .part .right .items {
    grid-template-columns: 1fr 1fr;
    display: grid
  }
}
@media screen and (orientation:portrait) and (max-height:720px) {
  .home #fullpage .row.foot .mid .part .right, .foot .mid .part .right {
    display: none
  }
  #app header .appNav .inner_mid .nav-items > .child_first > .firstList > a {
    height: .8rem;
    line-height: .8rem
  }
}
@media screen and (orientation:portrait) and (max-height:700px) {
  .home #fullpage .r2 .inner {
    -ms-flex-line-pack: center;
    align-content: center
  }
  .home #fullpage .r2 .inner .left {
    margin-bottom: .4rem
  }
}
html [data-lenis-prevent] {
  overscroll-behavior: auto
}
:focus-visible {
  outline: none
}
.swiper-button-next, .swiper-button-prev {
  outline: none
}
.layer-pop {
  width: 100%;
  height: 100%;
  z-index: 3000;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  transition: transform 1.017s ease-in-out, opacity 1.017s ease-in-out, visibility 0s 1.017s, -webkit-transform 1.017s ease-in-out;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0;
  left: 0
}
.layer-pop.on {
  visibility: inherit;
  opacity: 1;
  pointer-events: all;
  transition: none;
  transform: none
}
.layer-pop.on .wrap {
  animation: .8s ease-in-out backwards pop-in
}
@media screen and (orientation:portrait) {
  .layer-pop.on .wrap {
    animation: .8s ease-in-out backwards pop-in-app
  }
}
.layer-pop.on + .bg {
  opacity: 1;
  pointer-events: auto
}
.layer-pop .wrap {
  width: calc(100vw + 2rem);
  height: 100%;
  pointer-events: auto;
  z-index: 10;
  background-color: rgba(0, 0, 0, .7);
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 5.20833vw;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: -1rem
}
.layer-pop .wrap .part {
  width: 60%;
  margin: 0 auto;
  position: relative;
  box-shadow: 0 .2rem .8rem -.1px rgba(28, 80, 157, .18)
}
.layer-pop .wrap .part video {
  width: 100%;
  object-fit: cover;
  display: block
}
.layer-pop .wrap .part .closeIcon {
  width: .5rem;
  cursor: pointer;
  transition: transform .3s ease-in-out;
  position: absolute;
  top: 0;
  left: calc(100% + .2rem)
}
.layer-pop .wrap .part .closeIcon path {
  fill: #fff
}
.layer-pop .wrap .part .closeIcon:hover {
  transform: rotate(90deg)
}
@media screen and (orientation:portrait) {
  .layer-pop#popImg .wrap {
    background-color: #000
  }
}
.layer-pop#popImg .wrap .part {
  width: 82vw
}
@media screen and (orientation:portrait) {
  .layer-pop#popImg .wrap .part {
    width: 100vw
  }
}
.layer-pop#popImg .wrap .part .img_box {
  width: 100%;
  height: auto
}
@media screen and (orientation:portrait) {
  .layer-pop#popImg .wrap .part .img_box {
    height: 70vh
  }
}
.layer-pop#popImg .wrap .part img {
  width: 100%;
  display: block
}
@media screen and (orientation:portrait) {
  .layer-pop .wrap .part {
    width: 70%
  }
  .layer-pop .wrap .part .closeIcon {
    width: .7rem;
    top: auto;
    bottom: 100%;
    left: auto;
    right: .45rem
  }
}
header {
  transition: transform .5s cubic-bezier(.435, .25, .15, .965)
}
header.out_sen {
  pointer-events: none;
  transform: translateY(-110%)
}
header.out_sen .mid .lists {
  pointer-events: none
}
.home .swiper {
  overflow: visible
}
.home .swiper-pagination-bullet {
  width: auto;
  height: auto;
  background-color: transparent;
  border-radius: 0
}
.swiper-button-prev:after, .swiper-button-next:after {
  display: none
}
@font-face {
  font-family: Lato-bold;
  src: url(Lato-Bold.ttf)format("woff2"), url(Lato-Bold.ttf)format("woff");
  font-display: swap
}
@font-face {
  font-family: Lato-black;
  src: url(Lato-Black.ttf)format("woff2"), url(Lato-Black.ttf)format("woff");
  font-display: swap
}
@font-face {
  font-family: NeueMachina-Medium;
  src: url(NeueMachina-Medium.02fc5f54.ttf)format("woff2"), url(../fonts/neuemachina-medium.02fc5f54.ttf)format("woff");
  font-display: swap
}
@font-face {
  font-family: GoogleSansDisplay-Medium;
  src: url(GoogleSansDisplay-Medium-v1.27.4b56afea.ttf)format("woff2"), url(../fonts/googlesansdisplay-medium-v1.27.4b56afea.ttf)format("woff");
  font-display: swap
}
.u-bold, .business_body .bus_row02 .bus_r_con .bus_row02_con .bus_row02_txt .pub_info_en, .new_det_body .new_d_row01 .new_d_con:after, .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block > .pub_img_box .ms_txt .pub_title_h6, .pro_det_body .pro_det_row20 .row_case .pub_case .row20_right .pub_mess span {
  font-family: lato-bold
}
.u-black, .about_body .abo_row15 .step_02_case .step_02 .step_02_con .pub_title_h2 span, .about_body .abo_row10 .pub_case .j_row03_left .pub_title_en, .about_body .abo_row03 .pub_case .j_row03_left .pub_title_en, .new_body .new_row02 .new_row02_con .new_row02_btm .n_row02_hint .pub_hint, .pub_title_en h2, .pub_title_en, .banner_t_en_h2, .btn_sty.btn_line span {
  font-family: Lato-black
}
.nm-medium, .about_body .abo_row04 .abo_r4_con .swiper .num_y {
  font-family: NeueMachina-Medium
}
.gsd-medium, .about_body .abo_row14 .pub_case .cun_case .com_r1_block .num_box span, .about_body .abo_row01 .row_case .cou_nav .swiper-slide, .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_time, .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .time_y, .step_02_case .step_02 .step_con_case .step_block .icon_con .icon_txt span, .new_body .new_row03 .n_row03_con .ank_show_case .y_left, .new_body .new_row03 .n_row03_con .ank_show_case .y_right {
  font-family: GoogleSansDisplay-Medium
}
.single {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
.pub_img_case {
  position: relative
}
.pub_img_case.shadow_box:before {
  content: "";
  pointer-events: none;
  z-index: 0;
  width: 80%;
  padding-top: 50%;
  transition: box-shadow .5s cubic-bezier(.435, .25, .15, .965);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 .3rem 1rem rgba(146, 149, 152, .42)
}
.pub_img_box {
  z-index: 1;
  position: relative;
  overflow: hidden
}
.pub_img_box:before {
  content: "";
  margin-top: 100%;
  display: block
}
.pub_img_box .pub_img {
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0
}
.pub_img_box .pub_img.pro_img {
  background-size: contain
}
.pub_img_box > img, .pub_img_box > video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0
}
.pub_img_box > img.pro_img, .pub_img_box > video.pro_img {
  object-fit: contain
}
.pub_img_box > .sha_img {
  z-index: 3;
  object-fit: fill;
  pointer-events: none
}
.pub_img_box picture {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.pub_img_box picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block
}
.pub_img_box picture.pro_img img {
  object-fit: contain
}
.pub_img_box.hei_img {
  height: 100%
}
.pub_img_box.hei_img:before {
  display: none
}
.pub_case {
  width: 72.9167%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto
}
.font_box {
  font-size: 0;
  overflow: hidden
}
.font_box > * {
  display: inline-block
}
.btn_sty {
  height: .7rem;
  cursor: pointer;
  width: 2.2rem;
  color: #fff;
  background-color: #9cd325;
  border: 2px solid transparent;
  border-radius: .1rem;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  transition: border-color .3s cubic-bezier(.435, .25, .15, .965), background-color 15ms cubic-bezier(.435, .25, .15, .965), color .3s cubic-bezier(.435, .25, .15, .965);
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translateZ(0)
}
.btn_sty:before {
  content: "";
  width: 150%;
  height: 110%;
  z-index: 0;
  transform-origin: 0 100%;
  background-color: #55654b;
  transition: transform .3s cubic-bezier(.435, .25, .15, .965);
  display: block;
  position: absolute;
  top: -5%;
  left: -25%;
  transform: translateY(100%)skewY(45deg)
}
.btn_sty span, .btn_sty i {
  z-index: 2;
  font-size: .2rem;
  line-height: 1;
  position: relative
}
.btn_sty.btn_dot {
  width: .5rem;
  height: .5rem;
  border-radius: 100%
}
.btn_sty.btn_dot span, .btn_sty.btn_dot i {
  font-size: .16rem
}
.btn_sty.btn_line {
  color: #55654b;
  width: 1.5rem;
  height: .66rem;
  background-color: transparent;
  border-color: #9cd325;
  border-radius: .66rem
}
.btn_sty.btn_line span {
  -ms-flex-align: center;
  align-items: center;
  font-size: .18rem;
  display: -ms-flexbox;
  display: flex
}
.btn_sty.btn_line span i {
  font-size: .12rem;
  transition: transform .3s cubic-bezier(.435, .25, .15, .965)
}
.btn_sty.btn_line:first-child span {
  padding-right: .1rem
}
.btn_sty.btn_line:first-child span i {
  margin-right: .16rem
}
.btn_sty.btn_line:last-child span {
  padding-left: .1rem
}
.btn_sty.btn_line:last-child span i {
  margin-left: .16rem
}
.btn_sty.col_q {
  width: 3rem;
  height: .66rem;
  color: #55654b;
  background-color: rgba(0, 57, 35, .05);
  border-radius: .66rem
}
.btn_sty.col_q span {
  font-size: .16rem;
  font-weight: 700
}
.btn_sty.col_d {
  width: 3rem;
  height: .66rem;
  background-color: #55654b;
  border-radius: .66rem
}
.btn_sty.col_d:before {
  background-color: #9cd325
}
.btn_sty.col_d span {
  font-size: .18rem;
  font-weight: 700
}
.btn_sty.col_d span i {
  font-size: .17rem;
  font-weight: initial;
  margin-left: .17rem
}
@media screen and (orientation:landscape) {
  .btn_sty_hover:hover.btn_sty, .btn_sty_hover:hover .btn_sty {
    background-color: #55654b;
    border-color: #55654b;
    transition: border-color .3s cubic-bezier(.435, .25, .15, .965), background-color 15ms cubic-bezier(.435, .25, .15, .965) .3s
  }
  .btn_sty_hover:hover.btn_sty:before, .btn_sty_hover:hover .btn_sty:before {
    transform: none
  }
  .btn_sty_hover:hover.btn_line, .btn_sty_hover:hover .btn_line, .btn_sty_hover:hover.col_q, .btn_sty_hover:hover .col_q {
    color: #fff
  }
  .btn_sty_hover:hover.col_d, .btn_sty_hover:hover .col_d {
    background-color: #9cd325;
    border-color: #9cd325
  }
  .btn_sty_hover:hover.btn_line:first-child i, .btn_sty_hover:hover .btn_line:first-child i {
    transform: translate(-50%)
  }
  .btn_sty_hover:hover.btn_line:last-child i, .btn_sty_hover:hover .btn_line:last-child i {
    transform: translate(50%)
  }
}
.banner_t_title {
  color: #fff;
  font-size: .6rem
}
.banner_t_info {
  color: #9cd325;
  font-size: .48rem;
  font-weight: 300;
  line-height: 1.3
}
.banner_t_en_h2 {
  color: #9cd325;
  font-size: inherit;
  letter-spacing: -.07em
}
.banner_t_en {
  margin-left: -.069em;
  font-size: 1.2rem
}
.banner_t_en > .font_box {
  font-size: inherit;
  margin-top: -.61em;
  padding-bottom: .03em
}
.banner_t_en > .font_box:first-child {
  margin-top: -.26em
}
.pub_title_en {
  color: #9cd325;
  margin-left: -.069em;
  font-size: 1rem
}
.pub_title_en > .font_box {
  font-size: inherit;
  margin-top: -.45em
}
.pub_title_en > .font_box:first-child {
  margin-top: 0
}
.pub_title_en h2 {
  font-size: inherit;
  letter-spacing: -.05em;
  padding-right: .08em
}
.h3, .pub_title_h3 {
  font-size: .34rem;
  font-weight: 700;
  line-height: 1.3
}
.h4 {
  font-size: .2rem;
  font-weight: 700;
  line-height: 1.4
}
.pub_title_h4 {
  font-size: .3rem;
  font-weight: 700;
  line-height: 1.2
}
.pub_title_h5 {
  font-size: .24rem;
  font-weight: 700;
  line-height: 1.4
}
.pub_info, .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case input {
  font-size: .18rem;
  line-height: 1.666
}
@media screen and (orientation:landscape) {
  .pub_info, .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case input {
    font-weight: 500
  }
}
@keyframes HintUpDown {
  0% {
    transform: translateY(-25%)
  }
  50% {
    transform: translateY(25%)
  }
  to {
    transform: translateY(-25%)
  }
}
.banner_box {
  width: 100vw
}
.banner_case_ban {
  overflow: hidden
}
.banner_case_ban .banner_box {
  position: relative;
  opacity: 1 !important;
  transform: none !important
}
.banner_case_ban .banner_box .pub_img_box:before {
  margin-top: 42.8125%
}
.banner_case_ban .banner_box .pub_img_box > img:not(.sha_img) {
  height: calc(100% + .6rem);
  margin-top: -.3rem
}
.banner_case_ban .banner_box .banner_txt_case {
  width: 100%;
  z-index: 2;
  position: absolute;
  bottom: .52rem;
  left: 0
}
.banner_case_ban .banner_box .banner_txt_case .pub_case {
  padding-right: 1rem;
  position: relative
}
.banner_case_ban .banner_box .banner_txt_case .pub_case .leave_banner {
  color: #9cd325;
  cursor: pointer;
  font-size: .6rem;
  animation: 3s ease-in-out infinite HintUpDown;
  position: absolute;
  bottom: .43rem;
  right: 0
}
@media screen and (orientation:landscape) {
  .banner_case_ban .banner_box .banner_txt_case .pub_case .leave_banner:hover {
    animation-play-state: paused
  }
}
.banner_case_all {
  background-color: #fdfdfd;
  overflow: hidden
}
.banner_case_all .banner_box {
  height: 100vh;
  position: relative
}
.banner_case_all .banner_box .pub_img_box {
  height: 100%;
  -webkit-mask-image: url(banner_sha01.520997d6.png);
  mask-image: url(banner_sha01.520997d6.png);
  -webkit-mask-position: -8vw 26vh;
  mask-position: -8vw 26vh;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}
.banner_case_all .banner_box .pub_img_box:before {
  display: none
}
.banner_case_all .banner_box .pub_img_box > img:not(.sha_img) {
  height: calc(100% + .6rem);
  object-position: center bottom;
  margin-top: -.3rem
}
.banner_case_all .banner_box .pub_img_box .leave_banner {
  color: #9cd325;
  cursor: pointer;
  opacity: 0;
  font-size: .6rem;
  position: absolute;
  bottom: .43rem;
  right: 2.6rem
}
.banner_case_all .banner_box .banner_txt_case {
  width: 100%;
  z-index: 2;
  transition: transform .8s cubic-bezier(.435, .25, .15, .965);
  position: absolute;
  bottom: .52rem;
  left: 0;
  transform: translateY(-45%)
}
.banner_case_all .banner_box .banner_txt_case .show_banner {
  color: #9cd325;
  cursor: pointer;
  margin-bottom: .5rem;
  font-size: .3rem;
  line-height: 1;
  transition: opacity .8s cubic-bezier(.435, .25, .15, .965);
  animation: 3s ease-in-out infinite HintUpDown;
  display: block
}
@media screen and (orientation:landscape) {
  .banner_case_all .banner_box .banner_txt_case .show_banner:hover {
    animation-play-state: paused
  }
}
.banner_case_all .banner_box .banner_txt_case .banner_t_title {
  color: #55654b;
  transition: coror .8s cubic-bezier(.435, .25, .15, .965)
}
.banner_case_all .banner_box .banner_txt_case .pub_case {
  position: relative
}
.banner_case_all .banner_box .banner_txt_case .pub_case .leave_banner {
  color: #9cd325;
  cursor: pointer;
  opacity: 0;
  font-size: .6rem;
  animation: 3s ease-in-out infinite HintUpDown;
  position: absolute;
  bottom: .43rem;
  right: 0
}
@media screen and (orientation:landscape) {
  .banner_case_all .banner_box .banner_txt_case .pub_case .leave_banner:hover {
    animation-play-state: paused
  }
}
.banner_Ami {
  width: 100%
}
.banner_Ami.Ami_before > div {
  width: 100%;
  opacity: 0;
  position: relative
}
.banner_Ami > div {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0
}
.banner_Ami.on_ed > div {
  opacity: 1;
  position: relative
}
.banner_Ami.on .banner_case_all .banner_box .pub_img_box {
  animation: 1.2s cubic-bezier(.435, .25, .15, .965) forwards bannerMask
}
.banner_Ami.on .banner_case_all .banner_box .pub_img_box .leave_banner {
  opacity: 1;
  animation: 3s ease-in-out infinite HintUpDown
}
@media screen and (orientation:landscape) {
  .banner_Ami.on .banner_case_all .banner_box .pub_img_box .leave_banner:hover {
    animation-play-state: paused
  }
}
@keyframes bannerMask {
  0% {
    -webkit-mask-position: -8vw 26vh;
    mask-position: -8vw 26vh;
    -webkit-mask-size: 100%;
    mask-size: 100%
  }
  10% {
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: 105%;
    mask-size: 105%
  }
  to {
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: 300%;
    mask-size: 300%
  }
}
.banner_Ami.on .banner_case_all .banner_box .banner_txt_case {
  transform: translateY(0)
}
.banner_Ami.on .banner_case_all .banner_box .banner_txt_case .show_banner {
  opacity: 0;
  pointer-events: none
}
.banner_Ami.on .banner_case_all .banner_box .banner_txt_case .banner_t_title {
  color: #fff
}
.banner_Ami.on .banner_case_all .banner_box .banner_txt_case .pub_case .leave_banner {
  opacity: 1
}
.second_nav_case {
  padding-top: 0;
  position: relative
}
.second_nav_case .mark_ha {
  width: 100%;
  height: 1rem;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0
}
.second_nav_case .pla_frame {
  margin-bottom: -.1rem;
  padding-bottom: .1rem
}
.second_nav_case .sec_nav_con {
  background-color: #fff;
  padding-top: .38rem;
  padding-bottom: .2rem;
  transition: padding-top .3s cubic-bezier(.435, .25, .15, .965), transform .3s cubic-bezier(.435, .25, .15, .965), opacity .3s cubic-bezier(.435, .25, .15, .965), background-color .3s cubic-bezier(.435, .25, .15, .965)
}
@media screen and (orientation:landscape) {
  .second_nav_case .sec_nav_con .sec_nav_sty01, .second_nav_case .sec_nav_con .pro_fy_case {
    position: relative
  }
  .second_nav_case .sec_nav_con .page_btn {
    width: calc(72.9167% + 140px);
    pointer-events: none;
    z-index: 3;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }
  .second_nav_case .sec_nav_con .page_btn > div {
    pointer-events: auto;
    color: #4c5b41;
    width: 70px;
    height: 70px;
    background-color: transparent;
    margin: 0
  }
  .second_nav_case .sec_nav_con .page_btn > div i {
    font-size: .3rem
  }
  .second_nav_case .sec_nav_con .page_btn > div.swiper-button-disabled {
    opacity: 0 !important
  }
  .second_nav_case .sec_nav_con.on .page_btn {
    display: -ms-flexbox;
    display: flex
  }
}
.second_nav_case .sec_nav_con .sec_nav_sty01 .swiper .swiper-slide {
  width: auto
}
.second_nav_case .sec_nav_con .sec_nav_sty01 a {
  height: .8rem;
  cursor: pointer;
  border: 1.5px solid transparent;
  border-radius: .6rem 0 .6rem 0;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 .67rem;
  transition: border-color .3s cubic-bezier(.435, .25, .15, .965), color .3s cubic-bezier(.435, .25, .15, .965), height .3s cubic-bezier(.435, .25, .15, .965), font-size .3s cubic-bezier(.435, .25, .15, .965);
  display: -ms-flexbox;
  display: flex
}
@media screen and (orientation:landscape) {
  .second_nav_case .sec_nav_con .sec_nav_sty01 a:hover {
    color: #9cd325;
    border-color: #9cd325
  }
}
.second_nav_case .sec_nav_con .sec_nav_sty01 a.on {
  color: #9cd325;
  border-color: #9cd325
}
.second_nav_case .sec_nav_con .sec_nav_sty01.det_n_sty .swiper-slide {
  margin-right: .4rem
}
.second_nav_case .sec_nav_con .sec_nav_sty01.det_n_sty a {
  color: rgba(0, 57, 35, .3)
}
.second_nav_case .sec_nav_con .sec_nav_sty01.det_n_sty a.on {
  color: #4c5b41
}
@media screen and (orientation:landscape) {
  .second_nav_case .sec_nav_con .sec_nav_sty01.det_n_sty a {
    padding-left: .5rem;
    padding-right: .5rem
  }
  .second_nav_case .sec_nav_con .sec_nav_sty01.det_n_sty a:hover {
    color: #55654b
  }
}
.second_nav_case .sec_nav_con .sec_nav_sty01.det_n_sty .h3 {
  font-size: .3rem
}
.second_nav_case .sec_nav_con .sec_nav_sty01.not_swiper .page_btn {
  display: none
}
.second_nav_case .sec_nav_con .sec_nav_sty01.not_swiper .swiper-wrapper {
  -ms-flex-pack: justify;
  justify-content: space-between
}
.second_nav_case .sec_nav_con .pro_fy_case {
  margin-top: .4rem;
  transition: margin-top .3s cubic-bezier(.435, .25, .15, .965)
}
.second_nav_case .sec_nav_con .pro_fy_case .pro_fy li {
  width: auto
}
.second_nav_case .sec_nav_con .pro_fy_case .pro_fy li:first-child a {
  padding-left: 0
}
.second_nav_case .sec_nav_con .pro_fy_case .pro_fy li:last-child a:before {
  display: none
}
.second_nav_case .sec_nav_con .pro_fy_case .pro_fy a {
  cursor: pointer;
  padding: 0 .38rem;
  transition: color .3s cubic-bezier(.435, .25, .15, .965);
  display: block;
  position: relative
}
.second_nav_case .sec_nav_con .pro_fy_case .pro_fy a:before {
  content: "";
  font-size: inherit;
  width: 1px;
  height: 1em;
  background-color: rgba(0, 57, 35, .1);
  margin-top: -.5em;
  position: absolute;
  top: 50%;
  right: 0
}
.second_nav_case .sec_nav_con .pro_fy_case .pro_fy a.on {
  color: #9cd325
}
@media screen and (orientation:landscape) {
  .second_nav_case .sec_nav_con .pro_fy_case .pro_fy a:hover {
    color: #9cd325
  }
}
.second_nav_case.pro_fixd .sec_nav_con {
  width: 100%;
  z-index: 995;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff !important
}
.second_nav_case.pro_fixd .sec_nav_con .sec_nav_sty01 a {
  font-size: .24rem !important
}
.second_nav_case.pro_fixd .sec_nav_con .sec_nav_sty01 a.on {
  border-color: transparent
}
@media screen and (orientation:landscape) {
  .second_nav_case.pro_fixd .sec_nav_con .sec_nav_sty01 a:hover {
    border-color: transparent
  }
}
.second_nav_case.pro_fixd .sec_nav_con .pro_fy_case {
  margin-top: .1rem
}
.second_nav_case.pro_fixd .sec_nav_con .pro_fy_case .pro_fy li .h4 {
  font-size: .16rem
}
.second_nav_case.pro_fixd .sec_nav_con.in_sen {
  opacity: 0;
  transform: translateY(-101%)
}
.second_nav_case .sec_nav_con {
  padding: 0
}
.second_nav_case .sec_nav_con .sec_nav_sty01.det_n_sty .h3 {
  height: .9rem;
  border: none;
  padding: 0;
  position: relative
}
@media screen and (orientation:landscape) {
  .second_nav_case .sec_nav_con .sec_nav_sty01.det_n_sty .h3 {
    font-size: .24rem
  }
}
.second_nav_case .sec_nav_con .sec_nav_sty01.det_n_sty .h3:before {
  content: "";
  width: 100%;
  height: 3px;
  transform-origin: 0;
  background-color: #9cd325;
  transition: transform .3s cubic-bezier(.435, .25, .15, .965);
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0)
}
.second_nav_case .sec_nav_con .sec_nav_sty01.det_n_sty .h3.on:before {
  transform: none
}
@media screen and (orientation:landscape) {
  .second_nav_case .sec_nav_con .sec_nav_sty01.det_n_sty .h3:hover:before {
    transform: none
  }
}
.second_nav_case.pro_fixd .sec_nav_con .sec_nav_sty01 .h3 {
  height: .86rem
}
.clpro_list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -ms-flexbox;
  display: flex
}
.clpro_list .pro_item {
  width: calc(33.3333% - .166667rem);
  cursor: pointer;
  color: #fff;
  border: 3px solid transparent;
  border-radius: .1rem;
  margin-bottom: .25rem;
  margin-right: .25rem;
  transition: border-color .3s cubic-bezier(.435, .25, .15, .965);
  position: relative;
  overflow: hidden
}
.clpro_list .pro_item .pub_img_box {
  background-color: #fff
}
.clpro_list .pro_item .pub_img_box:before {
  margin-top: 142.222%
}
.clpro_list .pro_item .pub_img_box:after {
  content: "";
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
  opacity: .8;
  background-image: url(../images/list_sha_b.ed955c39.png);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: 0;
  left: 0
}
.clpro_list .pro_item .pub_img_box > img {
  object-fit: contain
}
.clpro_list .pro_item .pub_title_h4 {
  width: 100%;
  text-align: center;
  z-index: 3;
  position: absolute;
  bottom: .53rem;
  left: 0
}
@media screen and (orientation:landscape) {
  .clpro_list .pro_item:nth-child(3n) {
    margin-right: 0
  }
  .clpro_list .pro_item:hover {
    border-color: #9cd325
  }
}
.clpro_list .pro_item.is_white_png {
  color: #55654b
}
.clpro_list .pro_item.is_white_png .pub_img_box:after {
  opacity: 0;
  background-image: url(../images/list_sha.28ee9c5f.png)
}
.clpro_list + .pub_case {
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: .6rem;
  display: -ms-flexbox;
  display: flex
}
.pro_body {
  color: #55654b;
  background-color: #fff;
  font-size: .16rem
}
.pro_body .second_nav_case {
  padding-top: .29rem
}
.pro_body .second_nav_case .sec_nav_con .sec_nav_sty01 a {
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: .78125vw;
  padding-right: .78125vw;
  font-size: .23rem
}
@media screen and (orientation:landscape) {
  .pro_body .second_nav_case .sec_nav_con .sec_nav_sty01 a {
    min-width: 220px
  }
}
.pro_body .second_nav_case.pro_fixd .sec_nav_con {
  padding-top: .18rem;
  padding-bottom: .18rem
}
.pro_body .second_nav_case.pro_fixd .sec_nav_con .sec_nav_sty01 a {
  height: .5rem
}
.pro_body .row03 {
  padding-top: .3rem;
  padding-bottom: 1.9rem
}
.pub_title_center {
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex
}
.title_sty_case {
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex
}
.title_sty_case > img {
  height: 1.2rem;
  display: block
}
.title_sty_case > .font_box {
  margin-left: -.1rem
}
.title_sty_case h3 {
  line-height: 1.1
}
@media screen and (orientation:landscape) {
  .title_sty_case h3 {
    white-space: nowrap;
    font-size: .36rem
  }
}
.btn_more {
  cursor: pointer;
  -ms-flex-align: center;
  align-items: center;
  font-size: .18rem;
  line-height: 1;
  display: -ms-flexbox;
  display: flex
}
.btn_more i {
  color: #9cd325;
  margin-left: .25rem;
  font-size: .22rem;
  transition: transform .3s cubic-bezier(.435, .25, .15, .965)
}
@media screen and (orientation:landscape) {
  .btn_more:hover i {
    transform: translate(25%)
  }
}
.new_block {
  cursor: pointer;
  display: block
}
.new_block .new_txt {
  padding: .23rem 0 .3rem
}
.new_block .new_txt .pub_title_h5 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
.new_block .new_txt .pub_info, .new_block .new_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .new_block .new_txt textarea, .new_block .new_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .new_block .new_txt input {
  -webkit-line-clamp: 2;
  height: 3.32em;
  font-weight: initial;
  color: #062418;
  -webkit-box-orient: vertical;
  margin-top: .12rem;
  margin-bottom: .3rem;
  display: -webkit-box;
  overflow: hidden
}
@media screen and (orientation:landscape) {
  .new_block .new_txt .pub_info, .new_block .new_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .new_block .new_txt textarea, .new_block .new_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .new_block .new_txt input {
    height: 2.86em;
    font-size: .14rem;
    line-height: 1.43
  }
}
.new_block .new_txt .new_time {
  color: rgba(6, 36, 24, .5);
  font-size: .14rem;
  line-height: 1
}
.new_block .pub_img_box img {
  transition: transform .5s cubic-bezier(.435, .25, .15, .965)
}
@media screen and (orientation:landscape) {
  .new_block:hover .pub_img_box img {
    transform: scale(1.1)
  }
}
.txt_w {
  background-color: #004229
}
.txt_w .btn_more span, .txt_w .new_block .new_txt .pub_title_h5, .txt_w .new_block .new_txt .pub_info, .txt_w .new_block .new_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .txt_w .new_block .new_txt textarea, .txt_w .new_block .new_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .txt_w .new_block .new_txt input {
  color: #fff
}
.txt_w .new_block .new_txt .new_time {
  color: rgba(255, 255, 255, .5)
}
.txt_w .new_block .new_txt .pub_title_h5, .txt_w .new_block .new_txt .pub_info, .txt_w .new_block .new_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .txt_w .new_block .new_txt textarea, .txt_w .new_block .new_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .txt_w .new_block .new_txt input, .txt_w .new_block .new_txt .new_time {
  transition: color .3s cubic-bezier(.435, .25, .15, .965)
}
@media screen and (orientation:landscape) {
  .txt_w .new_block:hover .new_txt .pub_title_h5, .txt_w .new_block:hover .new_txt .pub_info, .txt_w .new_block:hover .new_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .txt_w .new_block:hover .new_txt textarea, .txt_w .new_block:hover .new_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .txt_w .new_block:hover .new_txt input, .txt_w .new_block:hover .new_txt .new_time {
    color: #9cd325
  }
}
.txt_w .pub_title_h3 {
  color: #fff
}
.sel_block, .sel_check_block {
  height: 100%;
  width: 100%;
  background-color: #fff;
  border-radius: .1rem;
  display: block;
  position: relative
}
.sel_block .sel_show, .sel_check_block .sel_show {
  cursor: pointer;
  color: #4c5b41;
  height: 100%;
  z-index: 2;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  font-size: .18rem;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.sel_block .sel_show span, .sel_check_block .sel_show span {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - .4rem);
  text-align: center;
  padding-left: .4rem;
  font-weight: 700;
  overflow: hidden
}
.sel_block .sel_show i, .sel_check_block .sel_show i {
  width: 2.70833vw;
  transform-origin: 20%;
  color: #9cd325;
  padding-left: .06rem;
  padding-right: .14rem;
  font-size: .12rem;
  transition: opacity .5s cubic-bezier(.435, .25, .15, .965);
  transform: scale(.6)
}
.sel_block .sel_box, .sel_check_block .sel_box {
  width: 100%;
  opacity: 0;
  pointer-events: none;
  z-index: 2;
  border-radius: 0 0 .1rem .1rem;
  transition: opacity .2s cubic-bezier(.435, .25, .15, .965);
  position: absolute;
  top: 100%;
  left: 0;
  overflow: hidden
}
.sel_block .sel_box ul, .sel_check_block .sel_box ul {
  max-height: 3.5rem;
  overflow-y: auto
}
.sel_block .sel_box ul::-webkit-scrollbar, .sel_check_block .sel_box ul::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(0, 101, 59, .6)
}
.sel_block .sel_box ul::-webkit-scrollbar-thumb, .sel_check_block .sel_box ul::-webkit-scrollbar-thumb {
  width: 4px;
  cursor: pointer;
  background-color: #9cd325
}
.sel_block .sel_box ul li, .sel_check_block .sel_box ul li {
  color: #a4aaa7;
  cursor: pointer;
  padding: .1rem .3rem;
  font-size: .16rem;
  font-weight: 600;
  line-height: .3rem;
  transition: color .5s cubic-bezier(.435, .25, .15, .965), background-color .5s cubic-bezier(.435, .25, .15, .965);
  display: block
}
@media screen and (orientation:landscape) {
  .sel_block .sel_box ul li:hover, .sel_check_block .sel_box ul li:hover {
    color: #fff;
    background-color: #4c5b41
  }
}
.sel_block .sel_box ul li.on, .sel_check_block .sel_box ul li.on {
  color: #fff;
  background-color: #4c5b41
}
.sel_block .sel_sha, .sel_check_block .sel_sha {
  content: "";
  pointer-events: none;
  width: 100%;
  z-index: 1;
  height: 100%;
  opacity: 0;
  background-color: #fff;
  border: 2px solid #9cd325;
  border-radius: .1rem;
  transition: opacity .5s cubic-bezier(.435, .25, .15, .965), height .3s cubic-bezier(.435, .25, .15, .965) .1s, box-shadow .3s cubic-bezier(.435, .25, .15, .965) .1s, border-radius .3s cubic-bezier(.435, .25, .15, .965);
  position: absolute;
  top: 0;
  left: 0
}
.sel_block.error_sty .sel_sha, .sel_check_block.error_sty .sel_sha {
  opacity: 1 !important;
  background-color: transparent !important;
  border-color: #ce2020 !important
}
.sel_block.on .sel_sha, .sel_check_block.on .sel_sha {
  opacity: 1;
  box-shadow: 0 .56rem .6rem rgba(0, 101, 61, .15);
  border-radius: .1rem !important
}
.sel_block.on .sel_show i, .sel_check_block.on .sel_show i {
  opacity: 0;
  pointer-events: none
}
.sel_block.on .sel_box, .sel_check_block.on .sel_box {
  opacity: 1;
  pointer-events: auto;
  transition: opacity .2s cubic-bezier(.435, .25, .15, .965) .3s
}
.sel_block.on.error_sty .sel_sha, .sel_check_block.on.error_sty .sel_sha {
  background-color: #fff !important;
  border-color: #9cd325 !important
}
@media screen and (orientation:landscape) {
  .sel_block:hover .sel_sha, .sel_check_block:hover .sel_sha {
    opacity: 1
  }
}
.check_box .sel_check_block .sel_show {
  position: relative
}
.check_box .sel_check_block .sel_show span {
  padding-right: .4rem
}
.check_box .sel_check_block .sel_show i {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%)scale(.6)
}
.check_box .sel_check_block .sel_box ul {
  max-height: 2.8rem
}
.check_box .sel_check_block .sel_box ul::-webkit-scrollbar {
  width: 2px
}
.check_box .sel_check_block .sel_box ul::-webkit-scrollbar-thumb {
  width: 2px
}
.check_box .sel_check_block .sel_box ul li {
  text-align: left;
  padding: .1rem;
  font-size: .14rem;
  line-height: 1.3
}
.check_box .sel_add {
  display: -ms-flexbox;
  display: flex
}
.check_box .sel_add ul {
  -ms-flex: 1;
  flex: 1
}
.check_box .sel_box .btn_sty {
  width: 100%;
  height: .6rem
}
.brand_row03 .b_row03_con .from_box form .form_inp .sel_boxs.check_box .sel_block {
  width: 100%
}
.brand_row03 .b_row03_con .from_box form .form_inp .sel_boxs + .inp_case {
  margin-top: .07rem
}
.brand_row03 .b_row03_con .from_box form .form_inp .sel_boxs .sel_block {
  width: 2.62rem
}
.brand_row03 .b_row03_con .from_box form .form_inp .sel_block, .brand_row03 .b_row03_con .from_box form .form_inp input {
  height: .7rem
}
.brand_row03 .b_row03_con .from_box form .b_row03_left .form_inp {
  margin-bottom: .2rem
}
.brand_row03 .b_row03_con .from_box form .b_row03_right .form_inp:nth-child(2) {
  padding-top: .23rem
}
.from_box form {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -ms-flexbox;
  display: flex
}
.from_box form .form_inp {
  width: 2.3rem;
  margin-top: .26rem
}
.from_box form .form_inp:first-child {
  width: 2rem
}
.from_box form .form_inp .inp_case {
  position: relative
}
.from_box form .form_inp .inp_case .inp_sha {
  pointer-events: none;
  width: 100%;
  height: 100%;
  opacity: 0;
  border: 2px solid #9cd325;
  border-radius: .1rem;
  transition: opacity .5s cubic-bezier(.435, .25, .15, .965);
  position: absolute;
  top: 0;
  left: 0
}
.from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case input {
  width: 100%;
  height: .7rem;
  text-align: center;
  color: #4c5b41;
  text-indent: 0;
  background: #fff;
  border: 2px solid transparent;
  border-radius: .1rem;
  outline: none;
  padding: .1rem .2rem;
  font-weight: 600;
  transition: border-color .5s cubic-bezier(.435, .25, .15, .965);
  display: block
}
.from_box form .form_inp .inp_case textarea::-ms-input-placeholder, .from_box form .form_inp .inp_case input::-ms-input-placeholder {
  color: rgba(0, 73, 45, .5)
}
.from_box form .form_inp .inp_case textarea::placeholder, .from_box form .form_inp .inp_case input::placeholder {
  color: rgba(0, 73, 45, .5)
}
.from_box form .form_inp .inp_case textarea:focus + .inp_sha, .from_box form .form_inp .inp_case input:focus + .inp_sha {
  opacity: 1
}
.from_box form .form_inp .inp_case textarea.error_sty, .from_box form .form_inp .inp_case input.error_sty {
  border-color: #ce2020
}
.from_box form .form_inp .inp_case textarea {
  height: 2.4rem;
  resize: none
}
.from_box form .form_inp .inp_case textarea::-ms-input-placeholder {
  color: rgba(5, 39, 23, .3);
  text-align: center;
  line-height: 2.4rem
}
.from_box form .form_inp .inp_case textarea::placeholder {
  color: rgba(5, 39, 23, .3);
  text-align: center;
  line-height: 2.4rem
}
.from_box form .btn_sty {
  width: 2.3rem;
  margin-top: .26rem
}
.from_box form .btn_sty span {
  font-size: .2rem;
  font-weight: 800
}
.from_box form .btm_case {
  width: 100%;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex
}
.from_box form .btm_case .btm_left {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}
.from_box form .btm_case .btm_left .inp_fil {
  width: 9.375vw;
  height: 2.60417vw;
  cursor: pointer;
  border: 2px solid rgba(0, 101, 59, .3);
  border-radius: 10px;
  margin-left: .88542vw;
  transition: border-color .5s cubic-bezier(.435, .25, .15, .965);
  position: relative;
  overflow: hidden
}
.from_box form .btm_case .btm_left .inp_fil > div {
  color: #9cd325;
  pointer-events: none;
  width: 100%;
  height: 100%;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}
.from_box form .btm_case .btm_left .inp_fil > div span {
  font-size: .83333vw;
  font-weight: 600
}
.from_box form .btm_case .btm_left .inp_fil > div i {
  margin-left: .98958vw;
  font-size: 1.45833vw
}
.from_box form .btm_case .btm_left .inp_fil input {
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0
}
@media screen and (orientation:landscape) {
  .from_box form .btm_case .btm_left .inp_fil:hover {
    border-color: #00653b
  }
}
.from_box form .btm_case .btm_left .v_hint {
  margin-left: .2rem;
  font-size: 1.4rem;
  line-height: 1
}
.pub_title_h2 {
  letter-spacing: .05em;
  color: #4c5b41;
  font-size: .66rem;
  font-weight: 700;
  line-height: 1.1
}
.pub_title_h2 span {
  margin-right: .35em;
  font-weight: lighter
}
.pub_title_h2 small {
  font-size: .36rem;
  font-weight: lighter
}
.add_case {
  z-index: 5;
  color: #55654b;
  position: relative
}
.add_case .add_box {
  width: 100%;
  position: absolute;
  top: .48rem;
  left: 0
}
.add_case .add_box .add_n_con {
  background-color: #f1f4ed;
  border-radius: .6rem;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 .13rem;
  font-size: 0;
  display: -ms-inline-flexbox;
  display: inline-flex
}
.add_case .add_box .add_n_con span, .add_case .add_box .add_n_con .pub_info, .add_case .add_box .add_n_con .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .add_case .add_box .add_n_con textarea, .add_case .add_box .add_n_con .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .add_case .add_box .add_n_con input {
  line-height: 2.5
}
@media screen and (orientation:landscape) {
  .add_case .add_box .add_n_con span, .add_case .add_box .add_n_con .pub_info, .add_case .add_box .add_n_con .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .add_case .add_box .add_n_con textarea, .add_case .add_box .add_n_con .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .add_case .add_box .add_n_con input {
    padding: 0 .2rem;
    font-size: .16rem;
    font-weight: 700;
    line-height: .38rem
  }
}
.add_case .add_box .add_n_con span {
  color: #9cd325
}
.add_case .add_box .add_n_con .pub_info, .add_case .add_box .add_n_con .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .add_case .add_box .add_n_con textarea, .add_case .add_box .add_n_con .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .add_case .add_box .add_n_con input {
  transition: color .3s cubic-bezier(.435, .25, .15, .965)
}
@media screen and (orientation:landscape) {
  .add_case .add_box .add_n_con .pub_info:hover, .add_case .add_box .add_n_con .from_box form .form_inp .inp_case textarea:hover, .from_box form .form_inp .inp_case .add_case .add_box .add_n_con textarea:hover, .add_case .add_box .add_n_con .from_box form .form_inp .inp_case input:hover, .from_box form .form_inp .inp_case .add_case .add_box .add_n_con input:hover {
    color: #9cd325
  }
}
.add_case .add_box .add_n_con i {
  color: rgba(0, 57, 35, .4);
  font-size: .12rem;
  line-height: 1
}
@media screen and (orientation:landscape) {
  .add_case + section {
    padding-top: 1.8rem !important
  }
}
.bg_img_case {
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0
}
.bg_img_case .bg_img {
  width: 100%;
  height: 30.3646vw;
  z-index: 0;
  display: block;
  position: relative
}
.bg_img_case .line_img {
  width: 111.667%;
  z-index: 3;
  pointer-events: none;
  position: absolute;
  top: -.6rem;
  left: -4.4271%
}
.bg_img_case .line_img.line_img {
  z-index: 0
}
.bg_img_case .col_full {
  height: calc(100% - 30.3646vw + 1px);
  margin-top: -1px
}
.bg_img_case + .row_case {
  z-index: 1;
  position: relative
}
.parameter_case {
  background-color: #f1f4ed;
  border: 1px solid rgba(156, 211, 37, .6);
  border-radius: .1rem;
  margin-top: .45rem;
  overflow: hidden
}
.parameter_case .pub_info, .parameter_case .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .parameter_case textarea, .parameter_case .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .parameter_case input {
  width: 100%;
  border-spacing: 0;
  line-height: 1.3333;
  overflow: hidden
}
.parameter_case th {
  backface-visibility: visible;
  min-width: 2.46rem;
  height: .79rem;
  background-color: #ecf6e0;
  border-bottom: 1px solid rgba(156, 211, 37, .6);
  border-right: 1px solid rgba(156, 211, 37, .6);
  padding: .1rem .3rem
}
.parameter_case th:last-child {
  border-right: none
}
.parameter_case td {
  backface-visibility: visible;
  vertical-align: middle;
  min-width: 2.46rem;
  height: .79rem;
  border-bottom: 1px solid rgba(156, 211, 37, .6);
  border-right: 1px solid rgba(156, 211, 37, .6);
  padding: .1rem .3rem
}
.parameter_case td:last-child {
  border-right: none
}
.parameter_case td.th {
  text-align: center;
  min-width: 2.2rem;
  background-color: #ecf6e0
}
.parameter_case tr:last-child td {
  border-bottom: none
}
@keyframes maskA {
  0% {
    -webkit-mask-size: 0 0;
    mask-size: 0 0
  }
  to {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
  }
}
.r_ye {
  width: 97.9167vw;
  margin-bottom: -2.62rem;
  margin-left: -.35rem;
  position: relative
}
.r_ye .pub_img_box {
  opacity: 0;
  transform-origin: 0 100%;
  transform: rotate(45deg)
}
.r_ye .pub_img_box:before {
  margin-top: 65.8511%
}
.r_ye .r_ye_con {
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #4c5b41;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-mask-image: url(../images/p019.863cc558.png);
  mask-image: url(p019.863cc558.png);
  -webkit-mask-position: 0 100%;
  mask-position: 0 100%;
  -webkit-mask-size: 0 0;
  mask-size: 0 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}
.r_ye .r_ye_con > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block
}
.r_ye.r_ye_all {
  width: 93.125vw;
  margin-bottom: 0;
  margin-left: -1.28rem
}
.r_ye.r_ye_all .pub_img_box:before {
  margin-top: 62.8635%
}
.r_ye.r_ye_all .r_ye_con {
  -webkit-mask-image: url(b_c003.53a07b57.png);
  mask-image: url(b_c003.53a07b57.png)
}
.r_ye.go .pub_img_box {
  opacity: 1;
  transition: opacity .1s cubic-bezier(.435, .25, .15, .965) .6s, transform .5s cubic-bezier(.435, .25, .15, .965) .7s;
  transform: none
}
.r_ye.go .r_ye_con {
  animation: 1.2s cubic-bezier(.435, .25, .15, .965) forwards maskA
}
.pro_det_row08 {
  background-color: #fff;
  padding-top: .94rem;
  padding-bottom: .73rem;
  position: relative
}
.pro_det_row08 .sel_block .sel_box {
  top: auto;
  bottom: 100%
}
.pro_det_row08 .sel_block .sel_sha {
  top: auto;
  bottom: 0
}
.pro_det_row08 .row07_btm_case {
  transition: opacity .3s cubic-bezier(.435, .25, .15, .965)
}
.pro_det_row08 .row07_btm_case .pub_case {
  position: relative
}
.pro_det_row08 .row07_btm_case .pub_case .btn_close_signUp {
  position: absolute;
  top: 0;
  right: -10.143%;
  transform: translateY(-50%)
}
.pro_det_row08 .row07_btm_case .pub_case:before {
  content: "";
  width: 128.572%;
  height: 100%;
  z-index: 0;
  background-color: rgba(0, 73, 45, .8);
  border-radius: .2rem;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.pro_det_row08 .row07_btm_case .pub_case .from_case {
  z-index: 1;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-bottom: .15rem;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.pro_det_row08 .row07_btm_case .pub_case .from_case > img {
  width: 1.66rem;
  margin-top: -1.5rem;
  display: block
}
.pro_det_row08 .row07_btm_case .pub_case .from_case .from_con {
  width: calc(100% - 2.06rem);
  color: #fff;
  padding-top: .17rem
}
@media screen and (orientation:landscape) {
  .pro_det_row08 .row07_btm_case .pub_case .from_case .from_con .pub_title_h3 {
    font-size: .18rem;
    line-height: 1
  }
  .pro_det_row08 .row07_btm_case .pub_case .from_case .from_con .btn_sty {
    height: .45rem;
    border-radius: .06rem;
    margin-top: .13rem
  }
  .pro_det_row08 .row07_btm_case .pub_case .from_case .from_con .btn_sty span {
    font-size: .16rem
  }
  .pro_det_row08 .row07_btm_case .pub_case .from_case .from_con .from_box form .form_inp {
    height: .45rem;
    margin-top: .13rem
  }
  .pro_det_row08 .row07_btm_case .pub_case .from_case .from_con .from_box form .form_inp .inp_case input {
    height: .45rem;
    border-radius: .06rem;
    font-size: .16rem
  }
  .pro_det_row08 .row07_btm_case .pub_case .from_case .from_con .from_box form .form_inp .inp_case .inp_sha, .pro_det_row08 .row07_btm_case .pub_case .from_case .from_con .from_box form .form_inp .sel_block {
    border-radius: .06rem
  }
  .pro_det_row08 .row07_btm_case .pub_case .from_case .from_con .from_box form .form_inp .sel_block .sel_show {
    font-size: .16rem
  }
  .pro_det_row08 .row07_btm_case .pub_case .from_case .from_con .from_box form .form_inp .sel_block .sel_sha {
    border-radius: .06rem !important
  }
}
.pro_det_row08.fixed .row07_btm_case {
  z-index: 3;
  width: 100%;
  opacity: 1;
  position: fixed;
  bottom: .33rem;
  left: 0
}
.pro_det_row08.before_f .row07_btm_case {
  opacity: 0;
  pointer-events: none
}
.pro_det_body {
  color: #4c5b41;
  background-color: #f8faf6;
  font-size: .16rem
}
.pro_det_body .custom {
  display: none
}
.pro_det_body .banner_box {
  position: relative;
  overflow: hidden;
  opacity: 1 !important;
  transform: none !important
}
.pro_det_body .banner_box .pub_img_box > img {
  height: calc(100% + .6rem);
  margin-top: -.3rem
}
.pro_det_body .banner_box .banner_txt_case {
  width: 100%;
  z-index: 3;
  position: absolute;
  left: 0
}
.pro_det_body .pro_det_row01 .banner_box .pub_img_box:before {
  margin-top: 42.7083%
}
.pro_det_body .pro_det_row01 .banner_box .banner_txt_case {
  bottom: 50%;
  transform: translateY(60%)
}
.pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_t_title {
  color: #55654b
}
.pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_t_info {
  margin-top: .09rem
}
.pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box {
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: .78rem;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div {
  width: 1.28rem;
  height: 1.28rem;
  border: 1px solid #9cd325;
  border-radius: .1rem;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: .26rem;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div:last-child {
  margin-right: 0
}
.pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div i {
  color: #9cd325;
  margin-bottom: .15rem;
  font-size: .36rem;
  line-height: 1
}
.pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div .pub_info, .pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div textarea, .pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div input {
  text-align: center;
  padding-left: .1rem;
  padding-right: .1rem;
  line-height: 1.2
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div .pub_info, .pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div textarea, .pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div input {
    font-size: .16rem
  }
}
@media screen and (orientation:portrait) {
  .pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box {
    width: calc(100% + .5rem);
    margin-left: -.25rem;
    margin-right: -.25rem
  }
  .pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div {
    width: 32%;
    min-height: 1.5rem;
    height: auto;
    margin-right: 2%
  }
  .pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div:last-child {
    margin-right: 0
  }
}
.pro_det_body .pro_det_row09 .banner_box .pub_img_box:before {
  margin-top: 42.7083%
}
.pro_det_body .pro_det_row09 .banner_box .banner_txt_case {
  bottom: 50%;
  transform: translateY(50%)
}
.pro_det_body .pro_det_row09 .banner_box .banner_txt_case .banner_t_title {
  color: #fbfbfb
}
.pro_det_body .pro_det_row09 .banner_box .banner_txt_case .banner_t_info {
  margin-top: .09rem
}
.pro_det_body .pro_det_row09 + .add_case .add_box {
  top: -1.01rem
}
@media screen and (orientation:landscape) {
  .pro_det_body .pub_title_h3 {
    font-size: .36rem
  }
}
.pro_det_body table {
  margin: 0;
  padding: 0
}
.pro_det_body .pro_det_row02 {
  z-index: 3;
  padding-top: 2rem;
  padding-bottom: 1.01rem;
  position: relative
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row02 + .pro_det_row19 {
    padding-top: .5rem
  }
}
.pro_det_body .pro_det_row03 {
  padding-top: 1.01rem;
  padding-bottom: .2rem
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row03 + .pro_det_row20 {
    z-index: 0;
    margin-top: -2rem;
    padding-top: 6.5rem
  }
  .pro_det_body .pro_det_row03 + .pro_det_row20 .bg_img_case {
    padding-top: 0
  }
  .pro_det_body .pro_det_row03 + .pro_det_row20 .bg_img_case .line_img {
    top: -1.8rem
  }
  .pro_det_body .pro_det_row03 + .pro_det_row20 .row_case {
    padding-top: 1px;
    padding-bottom: .5rem
  }
  .pro_det_body .pro_det_row03 + .pro_det_row20 .row_case .pub_case {
    margin-top: -3rem
  }
}
.pro_det_body .pro_det_row03 .row03_con {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 1.56rem;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row03 .row03_con .pub_info, .pro_det_body .pro_det_row03 .row03_con .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row03 .row03_con textarea, .pro_det_body .pro_det_row03 .row03_con .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row03 .row03_con input {
  width: 6.2rem;
  margin-top: .79rem
}
.pro_det_body .pro_det_row03 .row03_con .pub_img_box {
  width: 10.69rem;
  margin-right: -2.6rem
}
.pro_det_body .pro_det_row03 .row03_con .pub_img_box:before {
  margin-top: 36.7633%
}
.pro_det_body .pro_det_row04 {
  z-index: 2;
  color: #fff;
  padding-top: 3.85rem;
  padding-bottom: 1.73rem;
  position: relative;
  overflow: hidden
}
.pro_det_body .pro_det_row04 .pub_title_h5 {
  color: #fff
}
.pro_det_body .pro_det_row04 .row04_top {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row04 .row04_top .pub_info, .pro_det_body .pro_det_row04 .row04_top .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row04 .row04_top textarea, .pro_det_body .pro_det_row04 .row04_top .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row04 .row04_top input {
  width: 42.857%;
  font-weight: initial;
  margin-bottom: -.09rem;
  padding-right: .95rem
}
.pro_det_body .pro_det_row04 .row04_con {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: .92rem;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row04 .row04_con .pub_img_box:before {
  margin-top: 55.5%
}
.pro_det_body .pro_det_row04 .row04_con .pub_title_h5 {
  height: .7rem;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row04 .row04_con > div {
  width: 42.857%
}
.pro_det_body .pro_det_row04 .row04_con > div:first-child .pub_title_h5 {
  background-color: #9cd325
}
.pro_det_body .pro_det_row04 .row04_con > div:first-child .pub_info, .pro_det_body .pro_det_row04 .row04_con > div:first-child .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row04 .row04_con > div:first-child textarea, .pro_det_body .pro_det_row04 .row04_con > div:first-child .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row04 .row04_con > div:first-child input {
  color: #9cd325
}
.pro_det_body .pro_det_row04 .row04_con > div:last-child .pub_title_h5 {
  background-color: #525252
}
.pro_det_body .pro_det_row04 .row04_con > div:last-child .pub_info, .pro_det_body .pro_det_row04 .row04_con > div:last-child .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row04 .row04_con > div:last-child textarea, .pro_det_body .pro_det_row04 .row04_con > div:last-child .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row04 .row04_con > div:last-child input {
  color: #fff
}
.pro_det_body .pro_det_row04 .row04_con > div .pub_info, .pro_det_body .pro_det_row04 .row04_con > div .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row04 .row04_con > div textarea, .pro_det_body .pro_det_row04 .row04_con > div .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row04 .row04_con > div input {
  text-align: center;
  margin-top: .54rem
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row04 .row04_con > div .pub_info, .pro_det_body .pro_det_row04 .row04_con > div .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row04 .row04_con > div textarea, .pro_det_body .pro_det_row04 .row04_con > div .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row04 .row04_con > div input {
    font-size: .16rem;
    line-height: 1.875
  }
}
.pro_det_body .pro_det_row04 .row04_con > img {
  width: 9.357%;
  margin-top: 1.92708vw
}
.pro_det_body .pro_det_row05 {
  background-color: #fbfbfb;
  padding-top: 1.58rem;
  padding-bottom: .9rem
}
.pro_det_body .pro_det_row05 .row05_con {
  margin-top: 5.98958vw
}
.pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pub_img_box {
  width: 50%
}
.pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pub_img_box:before {
  margin-top: 66.7143%
}
.pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info {
  width: 43.8%;
  padding-top: .46rem
}
.pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info .pro_con_title {
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info .pro_con_title .iconfont {
  color: #9cd325;
  margin-right: .16rem;
  font-size: .38rem;
  line-height: 1.13684
}
.pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info .pro_con_title img {
  height: .38rem;
  margin-top: .075em;
  font-size: .38rem
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info .pro_con_title .pub_title_h4 {
    font-size: .36rem
  }
}
.pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info .pro_mark_case {
  margin-top: 1.1rem
}
.pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info .pro_mark_case ul {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info .pro_mark_case ul li {
  height: .42rem;
  border: 2px solid #9cd325;
  border-radius: .22rem;
  margin-top: .1rem;
  margin-right: .03rem;
  padding: .1rem .14rem;
  line-height: 1.2
}
.pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info .pro_mark_case ul li:last-child {
  margin-right: 0
}
.pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info .pro_mark_case + .pub_info, .pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info .from_box form .form_inp .inp_case .pro_mark_case + textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info .pro_mark_case + textarea, .pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info .from_box form .form_inp .inp_case .pro_mark_case + input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info .pro_mark_case + input {
  margin-top: .38rem
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info .pro_mark_case + .pub_info, .pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info .from_box form .form_inp .inp_case .pro_mark_case + textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info .pro_mark_case + textarea, .pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info .from_box form .form_inp .inp_case .pro_mark_case + input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info .pro_mark_case + input {
    font-size: .16rem;
    line-height: 1.875
  }
}
.pro_det_body .pro_det_row05 .row05_con .row05_nav {
  border-top: 1px solid rgba(0, 73, 45, .1);
  margin-top: 4.0625vw;
  padding-top: .54rem
}
.pro_det_body .pro_det_row05 .row05_con .row05_nav .swiper-slide {
  width: auto
}
.pro_det_body .pro_det_row05 .row05_con .row05_nav .row05_icon {
  width: 1.13rem;
  height: 1.13rem;
  cursor: pointer;
  border-radius: .1rem;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  transition: background-color .3s cubic-bezier(.435, .25, .15, .965), color .3s cubic-bezier(.435, .25, .15, .965);
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row05 .row05_con .row05_nav .row05_icon i {
  font-size: .28rem;
  line-height: 1
}
.pro_det_body .pro_det_row05 .row05_con .row05_nav .row05_icon .icon_img {
  height: .28rem;
  position: relative
}
.pro_det_body .pro_det_row05 .row05_con .row05_nav .row05_icon .icon_img > img {
  height: .28rem;
  width: auto;
  max-width: none;
  transition: opacity .3s cubic-bezier(.435, .25, .15, .965);
  display: block
}
.pro_det_body .pro_det_row05 .row05_con .row05_nav .row05_icon .icon_img > img:nth-child(2) {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0
}
.pro_det_body .pro_det_row05 .row05_con .row05_nav .row05_icon .pub_title_h5 {
  text-align: center;
  margin-top: .15rem;
  padding-bottom: .08rem;
  line-height: 1
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row05 .row05_con .row05_nav .row05_icon .pub_title_h5 {
    font-size: .2rem;
    font-weight: 700
  }
}
.pro_det_body .pro_det_row05 .row05_con .row05_nav .row05_icon.on {
  color: #fff;
  background-color: #9cd325
}
.pro_det_body .pro_det_row05 .row05_con .row05_nav .row05_icon.on .icon_img > img {
  opacity: 0
}
.pro_det_body .pro_det_row05 .row05_con .row05_nav .row05_icon.on .icon_img > img:nth-child(2) {
  opacity: 1
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row05 .row05_con .row05_nav .row05_icon:hover {
    color: #fff;
    background-color: #9cd325
  }
  .pro_det_body .pro_det_row05 .row05_con .row05_nav .row05_icon:hover .icon_img > img {
    opacity: 0
  }
  .pro_det_body .pro_det_row05 .row05_con .row05_nav .row05_icon:hover .icon_img > img:nth-child(2) {
    opacity: 1
  }
}
.pro_det_body .pro_det_row06 {
  background-color: #fbfbfb;
  padding-top: .96rem;
  position: relative;
  overflow: hidden
}
.pro_det_body .pro_det_row06 .row_case {
  width: 100%;
  z-index: 3;
  color: #fff;
  position: absolute;
  bottom: 1.23rem;
  left: 0
}
.pro_det_body .pro_det_row06 .row_case .pub_info, .pro_det_body .pro_det_row06 .row_case .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row06 .row_case textarea, .pro_det_body .pro_det_row06 .row_case .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row06 .row_case input {
  width: 5.8rem;
  font-weight: initial;
  margin-top: .72rem
}
.pro_det_body .pro_det_row07 {
  z-index: 1;
  background-color: #fff;
  padding-top: 1.55rem;
  padding-bottom: .9rem;
  position: relative
}
.pro_det_body .pro_det_row07 .title_top {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row07 .title_top .pub_title_h3 {
  line-height: 1
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row07 .title_top .pub_title_h3 {
    font-size: .48rem
  }
}
.pro_det_body .pro_det_row07 .pro_row07_con {
  margin-top: .7rem;
  position: relative
}
.pro_det_body .pro_det_row07 .pro_row07_con .swiper-slide {
  width: 4.3rem
}
.pro_det_body .pro_det_row07 .pro_row07_con .page_btn {
  display: none
}
.pro_det_body .pro_det_row10 {
  background-color: #fff;
  padding-top: 1.8rem;
  padding-bottom: .83rem
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row10 + .pro_det_row11 {
    padding-top: 1px
  }
}
.pro_det_body .pro_det_row10 .pub_title_en {
  color: #4c5b41;
  margin-top: .07rem
}
.pro_det_body .pro_det_row10 .row10_top {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: .68rem;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row10 .row10_top .pub_info, .pro_det_body .pro_det_row10 .row10_top .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row10 .row10_top textarea, .pro_det_body .pro_det_row10 .row10_top .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row10 .row10_top input {
  width: 5.5rem
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row10 .row10_top .pub_info, .pro_det_body .pro_det_row10 .row10_top .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row10 .row10_top textarea, .pro_det_body .pro_det_row10 .row10_top .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row10 .row10_top input {
    padding-bottom: -1.66em
  }
}
.pro_det_body .pro_det_row10 .row10_con {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row10 .row10_con .row10_c_block {
  width: calc(33.3333% - .166667rem);
  background-color: #fff;
  border-radius: .1rem;
  margin-bottom: .25rem;
  margin-right: .25rem;
  padding: .38rem .35rem .28rem
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row10 .row10_con .row10_c_block:nth-child(3n) {
    margin-right: 0
  }
}
.pro_det_body .pro_det_row10 .row10_con .row10_c_block > img {
  width: auto;
  height: .54rem;
  display: block
}
.pro_det_body .pro_det_row10 .row10_con .row10_c_block .pub_title_h4 {
  margin-top: .5rem;
  line-height: 1
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row10 .row10_con .row10_c_block .pub_title_h4 {
    font-size: .24rem
  }
}
.pro_det_body .pro_det_row10 .row10_con .row10_c_block .pub_info, .pro_det_body .pro_det_row10 .row10_con .row10_c_block .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row10 .row10_con .row10_c_block textarea, .pro_det_body .pro_det_row10 .row10_con .row10_c_block .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row10 .row10_con .row10_c_block input {
  min-height: 4.8em;
  color: #55654b;
  margin-top: .25rem
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row10 .row10_con .row10_c_block .pub_info, .pro_det_body .pro_det_row10 .row10_con .row10_c_block .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row10 .row10_con .row10_c_block textarea, .pro_det_body .pro_det_row10 .row10_con .row10_c_block .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row10 .row10_con .row10_c_block input {
    letter-spacing: -.03em;
    font-size: .14rem;
    line-height: 1.571
  }
  .pro_det_body .pro_det_row10 .row10_con.few {
    -ms-flex-align: stretch;
    align-items: stretch
  }
  .pro_det_body .pro_det_row10 .row10_con.few .row10_c_block {
    width: auto;
    -ms-flex: 1;
    flex: 1
  }
  .pro_det_body .pro_det_row10 .row10_con.few .row10_c_block:nth-child(3n) {
    margin-right: .25rem
  }
  .pro_det_body .pro_det_row10 .row10_con.few .row10_c_block:last-child {
    margin-right: 0
  }
}
.pro_det_body .pro_det_row11 {
  background-color: #fff;
  padding-top: 1rem
}
.pro_det_body .pro_det_row11 .row11_top {
  margin-bottom: .52rem;
  position: relative
}
.pro_det_body .pro_det_row11 .pub_title_en {
  color: #4c5b41;
  margin-top: .07rem
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row11 .pub_title_en {
    position: absolute;
    top: 100%;
    left: 0
  }
}
.pro_det_body .pro_det_row11 .row11_con .row11_c_block {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: .3rem;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row11 .row11_con .row11_c_block:last-child {
  margin-bottom: 0
}
.pro_det_body .pro_det_row11 .row11_con .row11_c_block .pub_img_box {
  width: 54.286%
}
.pro_det_body .pro_det_row11 .row11_con .row11_c_block .pub_img_box:before {
  margin-top: 66.7105%
}
.pro_det_body .pro_det_row11 .row11_con .row11_c_block .row11_txt {
  width: 45.714%;
  border-bottom: 1px solid rgba(0, 73, 45, .2);
  padding-bottom: .3rem
}
.pro_det_body .pro_det_row11 .row11_con .row11_c_block .row11_txt .row11_num {
  color: #9cd325;
  margin-bottom: .3rem;
  font-size: .24rem;
  font-weight: 700;
  line-height: 1
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row11 .row11_con .row11_c_block .row11_txt {
    padding-right: .4rem
  }
  .pro_det_body .pro_det_row11 .row11_con .row11_c_block .row11_txt .pub_title_h3 {
    margin-bottom: .1rem;
    font-size: .4rem;
    line-height: 1
  }
  .pro_det_body .pro_det_row11 .row11_con .row11_c_block .row11_txt .pub_info, .pro_det_body .pro_det_row11 .row11_con .row11_c_block .row11_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row11 .row11_con .row11_c_block .row11_txt textarea, .pro_det_body .pro_det_row11 .row11_con .row11_c_block .row11_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row11 .row11_con .row11_c_block .row11_txt input {
    font-size: .16rem
  }
}
.pro_det_body .pro_det_row12 {
  z-index: 2;
  color: #fff;
  background-color: #fff;
  padding-top: 3.93rem;
  position: relative;
  overflow: hidden
}
.pro_det_body .pro_det_row12 .pub_title_en {
  color: #fff;
  margin-top: .72rem;
  font-size: .72rem
}
.pro_det_body .pro_det_row12 .pub_title_h5 {
  color: #9cd325
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row12 .pub_title_h5 {
    font-size: .2rem
  }
  .pro_det_body .pro_det_row12 .pub_info, .pro_det_body .pro_det_row12 .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row12 textarea, .pro_det_body .pro_det_row12 .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row12 input {
    font-size: .14rem;
    line-height: 2.143
  }
}
.pro_det_body .pro_det_row12 .row12_con {
  border-bottom: 1px solid rgba(255, 255, 255, .2);
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row12 .row12_con .row12_c_left {
  width: 37.643%
}
.pro_det_body .pro_det_row12 .row12_con .row12_c_left .title_sty_case {
  margin-top: -.19rem
}
.pro_det_body .pro_det_row12 .row12_con .row12_c_right {
  width: 62.357%;
  border-left: 1px solid rgba(255, 255, 255, .2);
  padding-left: 1.25rem
}
.pro_det_body .pro_det_row12 .row12_con .row12_c_right .row12_c_block {
  margin-top: .65rem
}
.pro_det_body .pro_det_row12 .row12_con .row12_c_right .row12_c_block:first-child {
  margin-top: .6rem
}
.pro_det_body .pro_det_row12 .row12_con .row12_c_right .row12_c_block:last-child {
  padding-bottom: 1.26rem
}
.pro_det_body .pro_det_row12 .row12_con .row12_c_right .row12_c_block .pub_info, .pro_det_body .pro_det_row12 .row12_con .row12_c_right .row12_c_block .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row12 .row12_con .row12_c_right .row12_c_block textarea, .pro_det_body .pro_det_row12 .row12_con .row12_c_right .row12_c_block .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row12 .row12_con .row12_c_right .row12_c_block input {
  margin-top: .09rem
}
.pro_det_body .pro_det_row12 .row12_con .row12_c_right .row12_c_block .pub_info.hav_num, .pro_det_body .pro_det_row12 .row12_con .row12_c_right .row12_c_block .from_box form .form_inp .inp_case textarea.hav_num, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row12 .row12_con .row12_c_right .row12_c_block textarea.hav_num, .pro_det_body .pro_det_row12 .row12_con .row12_c_right .row12_c_block .from_box form .form_inp .inp_case input.hav_num, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row12 .row12_con .row12_c_right .row12_c_block input.hav_num {
  padding-left: 2em;
  position: relative
}
.pro_det_body .pro_det_row12 .row12_con .row12_c_right .row12_c_block .pub_info.hav_num span, .pro_det_body .pro_det_row12 .row12_con .row12_c_right .row12_c_block .from_box form .form_inp .inp_case textarea.hav_num span, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row12 .row12_con .row12_c_right .row12_c_block textarea.hav_num span, .pro_det_body .pro_det_row12 .row12_con .row12_c_right .row12_c_block .from_box form .form_inp .inp_case input.hav_num span, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row12 .row12_con .row12_c_right .row12_c_block input.hav_num span {
  font-size: inherit;
  position: absolute;
  left: 0
}
.pro_det_body .pro_det_row13 {
  padding-top: .76rem;
  padding-bottom: .65rem
}
.pro_det_body .pro_det_row13 .row13_top {
  color: #fff;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: baseline;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row13 .pub_title_en {
  color: #fff;
  font-size: .72rem
}
.pro_det_body .pro_det_row13 .pub_info, .pro_det_body .pro_det_row13 .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row13 textarea, .pro_det_body .pro_det_row13 .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row13 input {
  min-height: 3em;
  margin-top: .2rem
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row13 .pub_info, .pro_det_body .pro_det_row13 .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row13 textarea, .pro_det_body .pro_det_row13 .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row13 input {
    font-size: .2rem;
    line-height: 1.5
  }
}
.pro_det_body .pro_det_row13 .row13_con {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: .25rem;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row13 .row13_con .row13_c_block {
  width: calc(33.3333% - .166667rem);
  min-height: 3rem;
  background-color: #fff;
  border-radius: .1rem;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: .25rem;
  margin-right: .25rem;
  padding: .4rem .35rem .3rem;
  display: -ms-flexbox;
  display: flex
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row13 .row13_con .row13_c_block:nth-child(3n) {
    margin-right: 0
  }
}
.pro_det_body .pro_det_row13 .row13_con .row13_c_block .gim, .pro_det_body .pro_det_row13 .row13_con .row13_c_block .marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen .m_r3_con a .num_case > div span, .marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen .m_r3_con a .num_case > div .pro_det_body .pro_det_row13 .row13_con .row13_c_block span, .pro_det_body .pro_det_row13 .row13_con .row13_c_block .marketing_body .market_con .title_sty .t_con span, .marketing_body .market_con .title_sty .t_con .pro_det_body .pro_det_row13 .row13_con .row13_c_block span, .pro_det_body .pro_det_row13 .row13_con .row13_c_block .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-pagination span, .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-pagination .pro_det_body .pro_det_row13 .row13_con .row13_c_block span, .pro_det_body .pro_det_row13 .row13_con .row13_c_block .pub_info_en, .pro_det_body .pro_det_row13 .row13_con .row13_c_block .new_block02 .news02_txt .news_time, .new_block02 .news02_txt .pro_det_body .pro_det_row13 .row13_con .row13_c_block .news_time, .pro_det_body .pro_det_row13 .row13_con .row13_c_block .pro_det_row22 .row22_top .page_hint span, .pro_det_body .pro_det_row22 .row22_top .page_hint .pro_det_row13 .row13_con .row13_c_block span, .pro_det_body .pro_det_row13 .row13_con .row13_c_block .new_block .new_txt .new_time, .new_block .new_txt .pro_det_body .pro_det_row13 .row13_con .row13_c_block .new_time, .pro_det_body .pro_det_row13 .row13_con .row13_c_block .pro_det_row11 .row11_con .row11_c_block .row11_txt .row11_num, .pro_det_body .pro_det_row11 .row11_con .row11_c_block .row11_txt .pro_det_row13 .row13_con .row13_c_block .row11_num {
  color: #9cd325;
  font-size: .48rem;
  font-weight: 700;
  line-height: 1
}
.pro_det_body .pro_det_row14 .banner_box {
  height: 100vh
}
.pro_det_body .pro_det_row14 .banner_box .pub_img_box:before {
  margin-top: 56.25%;
  display: none
}
.pro_det_body .pro_det_row14 .banner_box .pub_img_box:after {
  content: "";
  width: 100%;
  height: 65%;
  z-index: 3;
  pointer-events: none;
  background: linear-gradient(transparent 0%, rgba(0, 0, 0, .6) 100%);
  display: block;
  position: absolute;
  bottom: 0;
  left: 0
}
.pro_det_body .pro_det_row14 .banner_box .banner_txt_case {
  text-align: center;
  bottom: 1.09rem;
  left: 0
}
.pro_det_body .pro_det_row14 .banner_box .banner_txt_case .banner_t_title {
  color: #fff
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row14 .banner_box .banner_txt_case .banner_t_title {
    font-size: .72rem
  }
}
.pro_det_body .pro_det_row14 .banner_box .banner_txt_case .banner_t_info {
  color: #fff;
  letter-spacing: .5em;
  text-indent: .5em;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: .26rem;
  display: -ms-flexbox;
  display: flex
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row14 .banner_box .banner_txt_case .banner_t_info {
    font-size: .24rem
  }
}
.pro_det_body .pro_det_row14 .banner_box .banner_txt_case .banner_t_info span {
  height: 1em;
  width: 1px;
  font-size: inherit;
  background-color: #fff;
  margin: 0 1.4em
}
.pro_det_body .pro_det_row14 + .add_case .add_box {
  top: .63rem
}
.pro_det_body .pro_det_row15 {
  padding-top: 1.91rem;
  padding-bottom: 1rem
}
.pro_det_body .pro_det_row15 + .pro_det_row16 {
  margin-top: -1rem
}
.pro_det_body .pro_det_row15 .pub_title_en {
  color: #9cd325
}
.pro_det_body .pro_det_row15 .row15_top {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: .48rem;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row15 .row15_top > .font_box {
  padding-bottom: .25rem
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row15 .row15_top .pub_title_h3 {
    font-size: .48rem
  }
}
.pro_det_body .pro_det_row15 .row15_con {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row15 .row15_con .row15_c_left {
  width: 42.857%;
  position: relative
}
.pro_det_body .pro_det_row15 .row15_con .row15_c_left .row15_c_img_q {
  width: 53.33%;
  z-index: 2;
  margin-bottom: -1rem;
  margin-right: -.63rem;
  position: absolute;
  bottom: 0;
  right: 0
}
.pro_det_body .pro_det_row15 .row15_con .row15_c_right {
  width: 45.714%;
  padding-top: .95rem
}
.pro_det_body .pro_det_row15 .row15_con .row15_c_right .row15_c_t .pub_info, .pro_det_body .pro_det_row15 .row15_con .row15_c_right .row15_c_t .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row15 .row15_con .row15_c_right .row15_c_t textarea, .pro_det_body .pro_det_row15 .row15_con .row15_c_right .row15_c_t .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row15 .row15_con .row15_c_right .row15_c_t input {
  font-weight: lighter
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row15 .row15_con .row15_c_right .row15_c_t .pub_info, .pro_det_body .pro_det_row15 .row15_con .row15_c_right .row15_c_t .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row15 .row15_con .row15_c_right .row15_c_t textarea, .pro_det_body .pro_det_row15 .row15_con .row15_c_right .row15_c_t .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row15 .row15_con .row15_c_right .row15_c_t input {
    font-size: .3rem
  }
}
.pro_det_body .pro_det_row15 .row15_con .row15_c_right .pub_title_h4 {
  margin-top: .2rem
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row15 .row15_con .row15_c_right .pub_title_h4 {
    font-size: .44rem
  }
}
.pro_det_body .pro_det_row15 .row15_con .row15_c_right > .pub_info, .pro_det_body .pro_det_row15 .row15_con .from_box form .form_inp .inp_case .row15_c_right > textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row15 .row15_con .row15_c_right > textarea, .pro_det_body .pro_det_row15 .row15_con .from_box form .form_inp .inp_case .row15_c_right > input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row15 .row15_con .row15_c_right > input {
  color: #062418;
  margin-top: .96rem
}
.pro_det_body .pad_t {
  padding-top: 4.99rem
}
.pro_det_body .pro_det_row16 {
  z-index: 2;
  position: relative;
  overflow: hidden
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row16 + .pro_det_row17 {
    padding-top: 0
  }
}
.pro_det_body .pro_det_row16 .pub_title_h3 {
  white-space: nowrap
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row16 .pub_title_h3 {
    font-size: .48rem
  }
}
.pro_det_body .pro_det_row16 .row16_top > .font_box {
  margin-top: .1rem
}
.pro_det_body .pro_det_row16 .row16_con .o_txt_t {
  margin-left: 12.766%
}
.pro_det_body .pro_det_row16 .row16_con .o_txt_t i {
  color: #9cd325;
  font-size: .8rem;
  line-height: 1;
  display: block
}
.pro_det_body .pro_det_row16 .row16_con .o_txt_t i:empty {
  display: none
}
.pro_det_body .pro_det_row16 .row16_con .o_txt_t .font_box {
  margin-top: .35rem
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row16 .row16_con .o_txt_t .font_box {
    font-size: .6rem
  }
}
.pro_det_body .pro_det_row16 .row16_con .o_txt_t .pub_info, .pro_det_body .pro_det_row16 .row16_con .o_txt_t .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row16 .row16_con .o_txt_t textarea, .pro_det_body .pro_det_row16 .row16_con .o_txt_t .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row16 .row16_con .o_txt_t input {
  margin-top: .08rem
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row16 .row16_con .o_txt_t .pub_info, .pro_det_body .pro_det_row16 .row16_con .o_txt_t .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row16 .row16_con .o_txt_t textarea, .pro_det_body .pro_det_row16 .row16_con .o_txt_t .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row16 .row16_con .o_txt_t input {
    font-size: .24rem
  }
  .pro_det_body .pro_det_row16 .row16_con .pub_info, .pro_det_body .pro_det_row16 .row16_con .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row16 .row16_con textarea, .pro_det_body .pro_det_row16 .row16_con .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row16 .row16_con input {
    letter-spacing: -.04em
  }
}
.pro_det_body .pro_det_row16 .row16_con > .row16_block_o {
  width: 134.286%;
  margin-left: -17.143%;
  margin-right: -17.143%;
  padding-top: 1rem;
  padding-bottom: 1rem
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row16 .row16_con > .row16_block_o:first-child {
    margin-top: -.89rem;
    padding-top: 0
  }
}
.pro_det_body .pro_det_row16 .row16_con > .row16_block_o .o_img_box {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row16 .row16_con > .row16_block_o .o_img_box .pub_img_box {
  width: 47.872%
}
.pro_det_body .pro_det_row16 .row16_con > .row16_block_o .o_img_box .pub_img_box:before {
  display: none
}
.pro_det_body .pro_det_row16 .row16_con > .row16_block_o .o_img_box .pub_img_box > img {
  height: auto;
  position: relative
}
.pro_det_body .pro_det_row16 .row16_con > .row16_block_o .o_img_box .pub_img_box:first-child {
  width: 31.915%;
  margin-left: 8.511%
}
.pro_det_body .pro_det_row16 .row16_con > .row16_block_o .o_txt {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: -.8rem;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row16 .row16_con > .row16_block_o .o_txt > .pub_info, .pro_det_body .pro_det_row16 .row16_con > .row16_block_o .from_box form .form_inp .inp_case .o_txt > textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row16 .row16_con > .row16_block_o .o_txt > textarea, .pro_det_body .pro_det_row16 .row16_con > .row16_block_o .from_box form .form_inp .inp_case .o_txt > input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row16 .row16_con > .row16_block_o .o_txt > input {
  width: 40.585%;
  margin-top: 1.4rem
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row16 .row16_con > .row16_block_o .o_txt > .pub_info, .pro_det_body .pro_det_row16 .row16_con > .row16_block_o .from_box form .form_inp .inp_case .o_txt > textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row16 .row16_con > .row16_block_o .o_txt > textarea, .pro_det_body .pro_det_row16 .row16_con > .row16_block_o .from_box form .form_inp .inp_case .o_txt > input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row16 .row16_con > .row16_block_o .o_txt > input {
    line-height: 2
  }
}
.pro_det_body .pro_det_row16 .row16_con > .row16_block_o.flex_d_r .o_img_box .pub_img_box:first-child {
  width: 47.872%;
  margin-left: 0
}
.pro_det_body .pro_det_row16 .row16_con > .row16_block_o.flex_d_r .o_img_box .pub_img_box:nth-child(2) {
  width: 31.915%;
  margin-right: 8.511%
}
.pro_det_body .pro_det_row16 .row16_con > .row16_block_o.flex_d_r .o_txt {
  width: 31.915%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: 8.511%
}
.pro_det_body .pro_det_row16 .row16_con > .row16_block_o.flex_d_r .o_txt .o_txt_t {
  width: 100%;
  margin-left: 0
}
.pro_det_body .pro_det_row16 .row16_con > .row16_block_o.flex_d_r .o_txt > .pub_info, .pro_det_body .pro_det_row16 .row16_con > .row16_block_o.flex_d_r .from_box form .form_inp .inp_case .o_txt > textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row16 .row16_con > .row16_block_o.flex_d_r .o_txt > textarea, .pro_det_body .pro_det_row16 .row16_con > .row16_block_o.flex_d_r .from_box form .form_inp .inp_case .o_txt > input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row16 .row16_con > .row16_block_o.flex_d_r .o_txt > input {
  width: 100%;
  margin-top: .4rem
}
.pro_det_body .pro_det_row16 .row16_con .row16_block_swiper {
  width: 137.143%;
  margin-left: -18.5715%;
  margin-right: -18.5715%
}
.pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .swiper {
  margin-top: 1rem
}
.pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .swiper .pub_img_box:before {
  margin-top: 50%
}
.pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .swiper .swiper-slide {
  opacity: 0 !important
}
.pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .swiper .swiper-slide.active {
  opacity: 1 !important
}
.pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .swiper .swiper-pagination {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  bottom: .4rem
}
.pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .swiper .swiper-pagination span {
  width: .1rem;
  height: .1rem;
  opacity: 1;
  background-color: #fff;
  margin: 0 .16rem;
  transition: background-color .3s cubic-bezier(.435, .25, .15, .965)
}
.pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .swiper .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #9cd325
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .swiper .swiper-pagination span:hover {
    background-color: #9cd325
  }
}
.pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_txt {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: .9rem;
  padding-bottom: .35rem;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_txt .o_txt_t {
  margin-left: 0
}
.pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_txt .o_txt_t .font_box {
  margin-top: .23rem
}
.pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_txt > .pub_info, .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .from_box form .form_inp .inp_case .sw_txt > textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_txt > textarea, .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .from_box form .form_inp .inp_case .sw_txt > input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_txt > input {
  width: 35.857%
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_txt > .pub_info, .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .from_box form .form_inp .inp_case .sw_txt > textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_txt > textarea, .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .from_box form .form_inp .inp_case .sw_txt > input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_txt > input {
    line-height: 2
  }
}
.pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_img_box {
  width: 83.333%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
  padding-bottom: .3rem;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_img_box .sw_img_block {
  width: calc(50% - .4rem);
  margin-bottom: .8rem
}
.pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_img_box .sw_img_block .pub_img_box:before {
  margin-top: 66.7105%
}
.pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_img_box .sw_img_block .pub_info, .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_img_box .sw_img_block .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_img_box .sw_img_block textarea, .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_img_box .sw_img_block .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_img_box .sw_img_block input {
  margin-top: .4rem;
  padding-left: .3rem;
  position: relative
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_img_box .sw_img_block .pub_info, .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_img_box .sw_img_block .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_img_box .sw_img_block textarea, .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_img_box .sw_img_block .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_img_box .sw_img_block input {
    font-size: .16rem;
    line-height: 1.625
  }
}
.pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_img_box .sw_img_block .pub_info:before, .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_img_box .sw_img_block .from_box form .form_inp .inp_case textarea:before, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_img_box .sw_img_block textarea:before, .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_img_box .sw_img_block .from_box form .form_inp .inp_case input:before, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_img_box .sw_img_block input:before {
  content: "";
  width: .07rem;
  height: .07rem;
  font-size: inherit;
  background-color: #9cd325;
  margin-top: -.035rem;
  display: block;
  position: absolute;
  top: .8125em;
  left: 0
}
.pro_det_body .pro_det_row16 .row16_con .row16_block_swiper:first-child .swiper {
  margin-top: 0
}
.pro_det_body .pro_det_row17 {
  z-index: 1;
  padding-top: 1.03rem;
  padding-bottom: 1rem;
  position: relative
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row17 + .pro_det_row07 {
    padding-top: .75rem
  }
  .pro_det_body .pro_det_row17 .pub_title_h3 {
    font-size: .48rem
  }
}
.pro_det_body .pro_det_row17 .row17_top > .font_box {
  margin-top: -.06rem
}
.pro_det_body .pro_det_row17 .row17_con {
  margin-top: .6rem;
  position: relative
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row17 .row17_con .swiper-wrapper .swiper-slide {
    width: calc(16.6667% - .233333rem)
  }
}
.pro_det_body .pro_det_row17 .row17_con .swiper-slide {
  position: relative
}
.pro_det_body .pro_det_row17 .row17_con .swiper-slide .pub_img_box {
  border-radius: .1rem
}
.pro_det_body .pro_det_row17 .row17_con .swiper-slide .pub_img_box:before {
  margin-top: 238.095%
}
.pro_det_body .pro_det_row17 .row17_con .swiper-slide .h6_case {
  width: 100%;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 .2rem;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: .33rem;
  left: 0
}
.pro_det_body .pro_det_row17 .row17_con .swiper-slide .pub_title_h6 {
  z-index: 2;
  max-width: 100%;
  color: #594c38;
  border-radius: .5rem;
  padding: .08rem .26rem;
  font-size: .16rem;
  font-weight: 700;
  line-height: 1.2
}
.pro_det_body .pro_det_row17 .row17_con .page_btn {
  display: none
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row17 .row17_con .page_btn {
    width: 131.666%;
    z-index: 4;
    pointer-events: none;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }
  .pro_det_body .pro_det_row17 .row17_con .page_btn > div {
    pointer-events: auto;
    margin: 0
  }
}
.pro_det_body .pro_det_row17 .row17_con .page_btn.show {
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row18 .banner_box .pub_img_box:before {
  margin-top: 56.25%
}
.pro_det_body .pro_det_row18 .banner_box .pub_img_box:after {
  content: "";
  width: 100%;
  height: 65%;
  z-index: 3;
  pointer-events: none;
  background: linear-gradient(transparent 0%, rgba(0, 0, 0, .6) 100%);
  display: none;
  position: absolute;
  bottom: 0;
  left: 0
}
.pro_det_body .pro_det_row18 .banner_box .banner_txt_case {
  color: #fff;
  bottom: 50%;
  transform: translateY(70%)
}
.pro_det_body .pro_det_row18 .banner_box .banner_txt_case .row18_logo {
  height: 1.7rem;
  display: block
}
.pro_det_body .pro_det_row18 .banner_box .banner_txt_case .row18_logo_name {
  height: .6rem
}
.pro_det_body .pro_det_row18 .banner_box .banner_txt_case .banner_t_box > .font_box:nth-child(2) {
  margin-top: .32rem
}
.pro_det_body .pro_det_row18 .banner_box .banner_txt_case .pub_info, .pro_det_body .pro_det_row18 .banner_box .banner_txt_case .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row18 .banner_box .banner_txt_case textarea, .pro_det_body .pro_det_row18 .banner_box .banner_txt_case .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row18 .banner_box .banner_txt_case input {
  letter-spacing: .5em;
  margin-top: .82rem;
  font-weight: lighter
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row18 .banner_box .banner_txt_case .pub_info, .pro_det_body .pro_det_row18 .banner_box .banner_txt_case .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row18 .banner_box .banner_txt_case textarea, .pro_det_body .pro_det_row18 .banner_box .banner_txt_case .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row18 .banner_box .banner_txt_case input {
    font-size: .24rem
  }
}
.pro_det_body .pro_det_row18 + .add_case .add_box {
  top: .63rem
}
@media screen and (orientation:landscape) {
  .pro_det_body .pub_title_h2 {
    font-size: .56rem !important
  }
}
.pro_det_body .pro_det_row19 {
  padding-top: 1.8rem;
  padding-bottom: 1rem;
  position: relative
}
.pro_det_body .pro_det_row19 + .pro_det_row20 {
  margin-top: -5.5rem
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row19 + .pro_det_row20 .row_case {
    padding-top: 1px
  }
  .pro_det_body .pro_det_row19 + .pro_det_row20 .row_case .pub_case {
    margin-top: -3rem;
    margin-bottom: -2rem
  }
  .pro_det_body .pro_det_row19 + .pro_det_row06 {
    margin-top: -1rem;
    padding-top: 0
  }
}
.pro_det_body .pro_det_row19 .pub_case {
  color: #062418;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row19 .pub_case .row18_left {
  width: 57.143%;
  padding-top: .7rem
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row19 .pub_case .row18_left .pub_info, .pro_det_body .pro_det_row19 .pub_case .row18_left .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row19 .pub_case .row18_left textarea, .pro_det_body .pro_det_row19 .pub_case .row18_left .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row19 .pub_case .row18_left input {
    font-size: .24rem
  }
}
.pro_det_body .pro_det_row19 .pub_case .row18_left > .pub_info, .pro_det_body .pro_det_row19 .pub_case .from_box form .form_inp .inp_case .row18_left > textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row19 .pub_case .row18_left > textarea, .pro_det_body .pro_det_row19 .pub_case .from_box form .form_inp .inp_case .row18_left > input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row19 .pub_case .row18_left > input {
  margin-top: .34rem;
  font-weight: 400
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row19 .pub_case .row18_left > .pub_info, .pro_det_body .pro_det_row19 .pub_case .from_box form .form_inp .inp_case .row18_left > textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row19 .pub_case .row18_left > textarea, .pro_det_body .pro_det_row19 .pub_case .from_box form .form_inp .inp_case .row18_left > input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row19 .pub_case .row18_left > input {
    width: 78%
  }
}
.pro_det_body .pro_det_row19 .pub_case .row18_left .row18_l_info {
  margin-top: .82rem
}
.pro_det_body .pro_det_row19 .pub_case .row18_left .row18_l_info .pub_info, .pro_det_body .pro_det_row19 .pub_case .row18_left .row18_l_info .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row19 .pub_case .row18_left .row18_l_info textarea, .pro_det_body .pro_det_row19 .pub_case .row18_left .row18_l_info .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row19 .pub_case .row18_left .row18_l_info input {
  -ms-flex-align: start;
  align-items: flex-start;
  padding: .5em 0;
  font-weight: 400;
  line-height: 1.5;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row19 .pub_case .row18_left .row18_l_info .pub_info span:nth-child(1), .pro_det_body .pro_det_row19 .pub_case .row18_left .row18_l_info .from_box form .form_inp .inp_case textarea span:nth-child(1), .from_box form .form_inp .inp_case .pro_det_body .pro_det_row19 .pub_case .row18_left .row18_l_info textarea span:nth-child(1), .pro_det_body .pro_det_row19 .pub_case .row18_left .row18_l_info .from_box form .form_inp .inp_case input span:nth-child(1), .from_box form .form_inp .inp_case .pro_det_body .pro_det_row19 .pub_case .row18_left .row18_l_info input span:nth-child(1) {
  white-space: nowrap;
  font-weight: 700
}
.pro_det_body .pro_det_row19 .pub_case .row18_left .row18_l_info .pub_info span:nth-child(2), .pro_det_body .pro_det_row19 .pub_case .row18_left .row18_l_info .from_box form .form_inp .inp_case textarea span:nth-child(2), .from_box form .form_inp .inp_case .pro_det_body .pro_det_row19 .pub_case .row18_left .row18_l_info textarea span:nth-child(2), .pro_det_body .pro_det_row19 .pub_case .row18_left .row18_l_info .from_box form .form_inp .inp_case input span:nth-child(2), .from_box form .form_inp .inp_case .pro_det_body .pro_det_row19 .pub_case .row18_left .row18_l_info input span:nth-child(2) {
  width: .01rem;
  height: 1em;
  background-color: rgba(6, 36, 24, .2);
  margin: .3em .8em .2em
}
.pro_det_body .pro_det_row19 .pub_case .row18_right {
  width: 42.857%;
  margin-right: -4.2857%
}
.pro_det_body .pro_det_row20 {
  z-index: 2;
  pointer-events: none;
  padding-top: 8.4rem;
  position: relative;
  overflow: hidden
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row20 {
    margin-top: -4rem
  }
  .pro_det_body .pro_det_row20 .row_case {
    padding-top: 1px
  }
  .pro_det_body .pro_det_row20 .row_case > .pub_case {
    margin-top: -1rem
  }
  .pro_det_body .pro_det_row20 + .pro_det_row03 .row03_con {
    margin-top: .8rem
  }
}
.pro_det_body .pro_det_row20 .bg_img_case {
  padding-top: 2.4rem
}
.pro_det_body .pro_det_row20 .row_case {
  pointer-events: auto;
  padding-bottom: 2rem
}
.pro_det_body .pro_det_row20 .row_case .nex_bg {
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: 0;
  left: 0
}
.pro_det_body .pro_det_row20 .row_case .pub_case {
  z-index: 2;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.pro_det_body .pro_det_row20 .row_case .pub_case .row20_left {
  width: 57.143%
}
.pro_det_body .pro_det_row20 .row_case .pub_case .row20_left .pub_img_box > img {
  object-fit: contain
}
@media screen and (orientation:portrait) {
  .pro_det_body .pro_det_row20 .row_case .pub_case .row20_left .pub_img_box:before {
    display: none
  }
  .pro_det_body .pro_det_row20 .row_case .pub_case .row20_left .pub_img_box > img {
    height: auto;
    position: relative
  }
}
.pro_det_body .pro_det_row20 .row_case .pub_case .row20_right {
  width: 34.2857%;
  color: #062418
}
.pro_det_body .pro_det_row20 .row_case .pub_case .row20_right .pub_title_case .font_box {
  margin-top: .2rem
}
.pro_det_body .pro_det_row20 .row_case .pub_case .row20_right .pub_mess {
  margin-top: .3rem;
  font-weight: 300
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row20 .row_case .pub_case .row20_right .pub_mess {
    font-size: .24rem
  }
}
.pro_det_body .pro_det_row20 .row_case .pub_case .row20_right .pub_info_lit {
  margin-top: 1.3rem
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row20 .row_case .pub_case .row20_right .pub_info_lit {
    line-height: 2
  }
}
.pro_det_body .pro_sticky_box {
  padding-bottom: 1px
}
.pro_det_body .pro_sticky_box + section {
  z-index: 3;
  position: relative
}
.pro_det_body .pro_sticky_box section:last-child {
  margin-bottom: -.1rem;
  padding-bottom: .1rem
}
.pro_det_body .pro_det_row21_0 .pub_img_box:before {
  margin-top: 56.25%
}
.pro_det_body .pro_det_row21 {
  z-index: 2;
  margin-top: -100vh;
  position: relative
}
.pro_det_body .pro_det_row21 .pub_img_box:before {
  margin-top: 56.25%
}
.pro_det_body .pro_det_row21 .row_case {
  z-index: 2;
  width: 100%;
  height: 100%;
  color: #fff;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0
}
.pro_det_body .pro_det_row21 .row_case .pub_case {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -ms-flexbox;
  display: flex
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row21 .row_case .pub_case {
    width: 83.542%
  }
}
.pro_det_body .pro_det_row21 .row_case .pub_case .row21_block {
  width: calc(50% - 1.75rem);
  border-top: 1px solid rgba(255, 255, 255, .2);
  padding: .8rem 0
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row21 .row_case .pub_case .row21_block:nth-child(1), .pro_det_body .pro_det_row21 .row_case .pub_case .row21_block:nth-child(2), .pro_det_body .pro_det_row21 .row_case .pub_case .row21_block:nth-child(3) {
    border-top: none
  }
  .pro_det_body .pro_det_row21 .row_case .pub_case .row21_block:nth-child(3n) {
    width: 3.5rem
  }
  .pro_det_body .pro_det_row21 .row_case .pub_case .row21_block:nth-child(3n) > div {
    width: 100%
  }
}
.pro_det_body .pro_det_row21 .row_case .pub_case .row21_block > div {
  width: 3.5rem;
  max-width: 100%;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row21 .row_case .pub_case .row21_block i {
  width: .9rem;
  height: .9rem;
  border-radius: 50%;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .28rem;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.pro_det_body .pro_det_row21 .row_case .pub_case .row21_block i > img {
  width: 100%;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0
}
.pro_det_body .pro_det_row21 .row_case .pub_case .row21_block .pub_title_h5 {
  margin-top: .4rem
}
.pro_det_body .pro_det_row21 .row_case .pub_case .row21_block .pub_info, .pro_det_body .pro_det_row21 .row_case .pub_case .row21_block .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row21 .row_case .pub_case .row21_block textarea, .pro_det_body .pro_det_row21 .row_case .pub_case .row21_block .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row21 .row_case .pub_case .row21_block input {
  margin-top: .1rem;
  font-weight: 400
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row21 .row_case .pub_case .row21_block .pub_info, .pro_det_body .pro_det_row21 .row_case .pub_case .row21_block .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row21 .row_case .pub_case .row21_block textarea, .pro_det_body .pro_det_row21 .row_case .pub_case .row21_block .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row21 .row_case .pub_case .row21_block input {
    font-size: .15rem;
    line-height: 2
  }
}
.pro_det_body .pro_det_row22 {
  z-index: 2;
  background-color: #f8faf6;
  padding-top: 2.3rem;
  padding-bottom: 1rem;
  position: relative
}
.pro_det_body .pro_det_row22 + .pro_det_row23 {
  z-index: 3;
  background-color: #f8faf6;
  margin-top: -1.3rem
}
.pro_det_body .pro_det_row22 .row22_top {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row22 .row22_top .page_hint {
  color: #bac8c3;
  align-items: baseline;
  font-size: .24rem;
  display: none
}
.pro_det_body .pro_det_row22 .row22_top .page_hint span {
  margin: 0 .4em;
  line-height: 1
}
.pro_det_body .pro_det_row22 .row22_top .page_hint span:last-child {
  margin-right: 0
}
.pro_det_body .pro_det_row22 .row22_top .page_hint span.on {
  color: #9cd325
}
.pro_det_body .pro_det_row22 .row22_top .page_btn {
  margin: .15rem 0
}
.pro_det_body .pro_det_row22.alo .row22_top {
  align-items: baseline
}
.pro_det_body .pro_det_row22.alo .row22_top .page_hint {
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row22.alo .row22_top .page_btn, .pro_det_body .pro_det_row22.alo .swiper-scrollbar {
  display: none
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row22 .pub_case {
    width: 83.333%
  }
}
.pro_det_body .pro_det_row22 .row22_con {
  margin-top: .65rem
}
.pro_det_body .pro_det_row22 .row22_con .swiper-slide {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-bottom: 2.76rem;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block {
  cursor: pointer;
  color: #fff;
  width: calc(33.3333% - .133333rem);
  margin-bottom: .16rem;
  margin-right: .2rem;
  position: relative
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block:nth-child(3n) {
    margin-right: 0
  }
}
.pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block > .pub_img_box {
  border-radius: .1rem;
  transition: opacity .3s cubic-bezier(.435, .25, .15, .965)
}
.pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block > .pub_img_box:before {
  margin-top: 48.0769%
}
.pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block > .pub_img_box:after {
  z-index: 2;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .15);
  position: absolute;
  top: 0;
  left: 0
}
.pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block > .pub_img_box .ms_txt {
  width: 100%;
  height: 100%;
  z-index: 3;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: .28rem .2rem .2rem .3rem;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0
}
.pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block > .pub_img_box .ms_txt .pub_title_h5 {
  line-height: 1.2;
  transition: transform .3s cubic-bezier(.43, .195, .02, 1)
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block > .pub_img_box .ms_txt .pub_title_h5 {
    font-size: .26rem
  }
}
.pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block > .pub_img_box .ms_txt .pub_title_h6 {
  color: rgba(255, 255, 255, .5);
  text-align: right;
  line-height: 1.14286;
  transition: transform .3s cubic-bezier(.43, .195, .02, 1)
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block > .pub_img_box .ms_txt .pub_title_h6 {
    font-size: .14rem
  }
}
.pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box {
  width: 100%;
  max-height: 100%;
  opacity: 0;
  z-index: 2;
  border-radius: .1rem;
  transition: opacity .3s cubic-bezier(.435, .25, .15, .965), max-height .3s cubic-bezier(.435, .25, .15, .965);
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden
}
.pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box > .pub_img_box:before {
  margin-top: 99.2293%
}
.pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box > .pub_img_box:after {
  z-index: 2;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent 65%, rgba(0, 0, 0, .4) 100%);
  position: absolute;
  top: 0;
  left: 0
}
.pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box .h_txt {
  width: 100%;
  height: 100%;
  z-index: 3;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: .26rem .2rem .37rem .37rem;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0
}
.pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box .h_txt .pub_title_h4 {
  line-height: 1.2;
  transition: transform .3s cubic-bezier(.43, .195, .02, 1);
  transform: translateY(-120%)
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box .h_txt .pub_title_h4 {
    font-size: .36rem
  }
}
.pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box .h_txt .pub_info, .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box .h_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box .h_txt textarea, .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box .h_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box .h_txt input {
  font-weight: initial;
  transition: transform .3s cubic-bezier(.43, .195, .02, 1);
  transform: translateY(120%)
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block:hover {
    z-index: 4
  }
  .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block:hover > .pub_img_box {
    opacity: 0
  }
  .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block:hover > .pub_img_box .ms_txt .pub_title_h5 {
    transform: translate(-100%)
  }
  .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block:hover > .pub_img_box .ms_txt .pub_title_h6 {
    transform: translate(100%)
  }
  .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block:hover .img_clip_box {
    opacity: 1;
    max-height: 5.26rem
  }
  .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block:hover .img_clip_box .h_txt .pub_title_h4, .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block:hover .img_clip_box .h_txt .pub_info, .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block:hover .img_clip_box .h_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block:hover .img_clip_box .h_txt textarea, .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block:hover .img_clip_box .h_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block:hover .img_clip_box .h_txt input {
    transform: none
  }
}
.pro_det_body .pro_det_row22 .row22_con .swiper-wrapper {
  z-index: 3;
  position: relative
}
.pro_det_body .pro_det_row22 .row22_con .swiper-horizontal > .swiper-scrollbar {
  height: .02rem;
  z-index: 2;
  background-color: rgba(0, 82, 51, .1);
  bottom: 1.58rem
}
.pro_det_body .pro_det_row22 .row22_con .swiper-horizontal > .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #9cd325
}
.pro_det_body .pro_det_row23 {
  position: relative
}
.pro_det_body .pro_det_row23 .row_case {
  background-color: #004229;
  padding-top: 3.6rem;
  -webkit-mask-image: url(../images/p068.a5713803.png);
  mask-image: url(p068.a5713803.png);
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}
.pro_det_body .pro_det_row23 .row_case .ain_A {
  height: 100vh;
  position: relative
}
.pro_det_body .pro_det_row23 .row_case .ain_A > img {
  width: 100%;
  position: absolute;
  top: -3.7rem;
  right: 0
}
.pro_det_body .pro_det_row23 .row_case .ain_A .row23 {
  height: 100%;
  color: #fff;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .pub_case {
  padding-top: .3rem
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .pub_case {
    width: auto;
    max-width: none;
    padding-left: 2.6rem;
    padding-right: 2.6rem
  }
}
.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_top .pub_title_h2 {
  color: #fff
}
.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_top .pub_info, .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_top .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_top textarea, .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_top .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_top input {
  font-weight: initial;
  margin-top: .38rem
}
.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con {
  white-space: nowrap;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 1.3rem;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block {
  -ms-flex-direction: column;
  flex-direction: column;
  padding-right: 3.15rem;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .gim, .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen .m_r3_con a .num_case > div span, .marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen .m_r3_con a .num_case > div .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block span, .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .marketing_body .market_con .title_sty .t_con span, .marketing_body .market_con .title_sty .t_con .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block span, .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-pagination span, .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-pagination .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block span, .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .pub_info_en, .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .new_block02 .news02_txt .news_time, .new_block02 .news02_txt .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .news_time, .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .new_block .new_txt .new_time, .new_block .new_txt .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .new_time, .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .pro_det_row11 .row11_con .row11_c_block .row11_txt .row11_num, .pro_det_body .pro_det_row11 .row11_con .row11_c_block .row11_txt .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .row11_num, .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .pro_det_row22 .row22_top .page_hint span, .pro_det_body .pro_det_row22 .row22_top .page_hint .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block span {
  font-size: .18rem;
  line-height: 1
}
.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .line_sty {
  height: .01rem;
  width: calc(100% + 3.15rem);
  background-color: rgba(255, 255, 255, .2);
  margin-top: .22rem;
  display: block;
  position: relative
}
.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .line_sty span {
  width: 0;
  height: 100%;
  max-width: 100%;
  background-color: #9cd325;
  display: block
}
.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .line_sty:before {
  width: .05rem;
  height: .05rem;
  content: "";
  background-color: #fff;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}
.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block:last-child {
  padding-right: 0
}
.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block:last-child .line_sty {
  width: 100%
}
.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block > .iconfont {
  color: #9cd325;
  margin-top: .85rem;
  font-size: .66rem;
  line-height: 1
}
.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .pub_title_h3 {
  margin-top: .56rem
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .pub_title_h3 {
    font-size: .4rem;
    line-height: 1
  }
}
.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .pub_info, .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block textarea, .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block input {
  font-weight: initial;
  white-space: nowrap;
  -ms-flex-align: center;
  align-items: center;
  margin-top: .33rem;
  display: -ms-flexbox;
  display: flex
}
.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .pub_info i, .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .from_box form .form_inp .inp_case textarea i, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block textarea i, .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .from_box form .form_inp .inp_case input i, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block input i {
  color: #9cd325;
  margin: 0 .3rem;
  font-size: .14rem;
  line-height: 1
}
.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block.on .line_sty:before {
  background-color: #9cd325
}
.pro_det_body .pro_det_row24 {
  background-color: #004229;
  padding-top: .6rem;
  padding-bottom: 1rem
}
.pro_det_body .pro_det_row24 + .pro_det_row07 {
  margin-top: -1.1rem
}
.pro_det_body .pro_det_row24 .title_sty_case {
  color: #fff
}
.pro_det_body .pro_det_row24 .row24_con {
  background-color: #f9ffed;
  border-radius: .1rem;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: .58rem;
  padding: .6rem .75rem;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden
}
.pro_det_body .pro_det_row24 .row24_con .row24_block .pub_img_box {
  width: 1.5rem;
  background-color: #f9ffed;
  margin: 0 auto
}
.pro_det_body .pro_det_row24 .row24_con .row24_block .pub_img_box:before {
  margin-top: 82.6667%
}
.pro_det_body .pro_det_row24 .row24_con .row24_block .pub_img_box > img {
  object-fit: contain;
  mix-blend-mode: darken
}
.pro_det_body .pro_det_row24 .row24_con .pub_title_h5 {
  text-align: center;
  margin-top: .3rem
}
@media screen and (orientation:landscape) {
  .pro_det_body .pro_det_row24 .row24_con .pub_title_h5 {
    font-size: .2rem
  }
  .pro_det_body.proDetail88 .pro_det_row11 {
    padding-top: 1.7rem
  }
  .pro_det_body.proDetail87 .pro_det_row16 .row16_con .row16_block_swiper .sw_img_box {
    padding-top: .2rem
  }
  .pro_det_body.proDetail87 .pro_det_row23 {
    z-index: 3;
    margin-top: -1rem
  }
}
.pro_det_body.proDetail111 .pro_det_row19 {
  background-color: #fff;
  padding-top: 0
}
@media screen and (orientation:landscape) {
  .pro_det_body.proDetail98 .pro_det_row03 {
    padding-top: 2rem
  }
  .pro_det_body.proDetail126 .pro_det_row02 + .pro_det_row10 {
    padding-top: .5rem
  }
}
@media screen and (orientation:portrait) {
  .pro_det_body.proDetail126 .pro_det_row02 + .pro_det_row10 {
    padding-top: .2rem
  }
}
.page_btn {
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex
}
.page_btn .swiper-button-prev, .page_btn .swiper-button-next, .page_btn .btn_prev, .page_btn .btn_next {
  width: .9rem;
  height: .9rem;
  color: #fff;
  cursor: pointer;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 0 .2rem;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  top: auto;
  left: auto;
  right: auto
}
.page_btn .swiper-button-prev i, .page_btn .swiper-button-next i, .page_btn .btn_prev i, .page_btn .btn_next i {
  font-size: .14rem
}
.page_btn .swiper-button-prev, .page_btn .btn_prev {
  background-color: #9cd325;
  border-radius: 0 .2rem
}
.page_btn .swiper-button-next, .page_btn .btn_next {
  background-color: #9cd325;
  border-radius: .2rem 0
}
.page_btn .btn_prev, .page_btn .btn_next {
  margin: 0
}
.page_btn .btn_prev.hide, .page_btn .btn_next.hide {
  opacity: .35;
  pointer-events: none
}
.page_btn ul {
  height: 100%;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 .56rem;
  display: -ms-flexbox;
  display: flex
}
.page_btn ul a, .page_btn ul span {
  min-width: .56rem;
  height: .56rem;
  cursor: pointer;
  color: #55654b;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .1rem;
  font-size: .2rem;
  font-weight: 700;
  transition: color .3s cubic-bezier(.435, .25, .15, .965);
  display: -ms-flexbox;
  display: flex
}
@media screen and (orientation:landscape) {
  .page_btn ul a:hover, .page_btn ul span:hover {
    color: #9cd325
  }
}
.page_btn ul a.on, .page_btn ul span.on {
  color: #9cd325
}
.list_box + .page_btn {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: .93rem
}
.news_block {
  cursor: pointer;
  display: block;
  position: relative;
  overflow: hidden
}
.news_block .pub_img_box .news_img {
  transition: transform 1.2s cubic-bezier(.435, .25, .15, .965)
}
.news_block .news_txt {
  z-index: 2;
  width: 100%;
  color: #fff;
  padding: .3rem;
  transition: color .3s cubic-bezier(.435, .25, .15, .965);
  position: absolute;
  bottom: 0;
  left: 0
}
.news_block .news_txt .n_mark {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: .15rem;
  display: -ms-flexbox;
  display: flex
}
.news_block .news_txt .n_mark span {
  border: 1px solid #9cd325;
  border-radius: .78125vw;
  margin-right: .1rem;
  padding: .08rem .1rem;
  font-size: .14rem;
  line-height: 1
}
.news_block .news_txt .n_mark span:last-child {
  margin-right: 0
}
@media screen and (orientation:landscape) {
  .news_block .news_txt .pub_title_h4 {
    font-size: .2rem;
    line-height: 1.5
  }
}
.news_block .news_txt .news_time {
  margin-top: .15rem;
  font-size: .16rem;
  line-height: 1;
  display: block
}
@media screen and (orientation:landscape) {
  .news_block:hover .pub_img_box .news_img {
    transform: scale(1.1)
  }
  .news_block:hover .news_txt {
    color: #9cd325
  }
}
.new_block02 {
  cursor: pointer;
  display: block
}
.new_block02 .pub_img_box:before {
  margin-top: 61%
}
.new_block02 .pub_img_box img {
  transition: transform .5s cubic-bezier(.435, .25, .15, .965)
}
.new_block02 .news02_txt {
  padding: .42rem 0
}
.new_block02 .news02_txt .pub_title_h4 {
  color: #4c5b41;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
  display: block;
  overflow: hidden
}
@media screen and (orientation:landscape) {
  .new_block02 .news02_txt .pub_title_h4 {
    font-size: .26rem
  }
}
.new_block02 .news02_txt .pub_info, .new_block02 .news02_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .new_block02 .news02_txt textarea, .new_block02 .news02_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .new_block02 .news02_txt input {
  -webkit-line-clamp: 2;
  color: #062418;
  -webkit-box-orient: vertical;
  margin-top: .13rem;
  display: -webkit-box;
  overflow: hidden
}
@media screen and (orientation:landscape) {
  .new_block02 .news02_txt .pub_info, .new_block02 .news02_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .new_block02 .news02_txt textarea, .new_block02 .news02_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .new_block02 .news02_txt input {
    font-size: .14rem;
    line-height: 1.57143
  }
}
.new_block02 .news02_txt .news_time {
  color: rgba(6, 36, 24, .4);
  margin-top: .26rem;
  font-size: .16rem;
  line-height: 1;
  display: block
}
@media screen and (orientation:landscape) {
  .new_block02:hover .pub_img_box img {
    transform: scale(1.1)
  }
}
.new_body {
  background-color: #fdfdfd
}
@media screen and (orientation:landscape) {
  .new_body .second_nav_case .sec_nav_con .sec_nav_sty01.not_swiper .swiper-wrapper {
    -ms-flex-pack: distribute;
    justify-content: space-around
  }
  .new_body .second_nav_case .sec_nav_con .sec_nav_sty01.not_swiper .swiper-wrapper .swiper-slide {
    margin-right: 0
  }
}
.new_body .new_row01 {
  padding-top: .4rem;
  padding-bottom: 1.78rem
}
.new_body .new_row01 .new_list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex
}
.new_body .new_row01 .new_list .news_block {
  width: calc(33.3333% - .366667rem);
  margin-top: .45rem;
  margin-right: .55rem
}
@media screen and (orientation:landscape) {
  .new_body .new_row01 .new_list .news_block:nth-child(3n) {
    margin-right: 0
  }
}
.new_body.new_know {
  background-color: #fdfdfd
}
.new_body.new_know .page_btn {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: .44rem
}
.new_body.new_know .pub_title_h3 {
  color: #4c5b41
}
.new_body .new_row02 {
  z-index: 2;
  padding-top: .86rem;
  padding-bottom: 1rem;
  position: relative;
  overflow: hidden
}
.new_body .new_row02 + .new_row03 {
  margin-top: -1.58rem
}
.new_body .new_row02 .new_row02_con {
  margin-top: .6rem
}
.new_body .new_row02 .new_row02_con .swiper {
  width: calc(100% + 1.5rem);
  margin-left: -.75rem;
  margin-right: -.75rem;
  overflow: visible
}
.new_body .new_row02 .new_row02_con .swiper .swiper-slide {
  width: 7.5rem;
  padding-left: .75rem;
  padding-right: .75rem
}
.new_body .new_row02 .new_row02_con .new_row02_btm {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin-top: .58rem;
  display: -ms-flexbox;
  display: flex
}
.new_body .new_row02 .new_row02_con .new_row02_btm .n_row02_hint {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}
.new_body .new_row02 .new_row02_con .new_row02_btm .n_row02_hint .pub_hint {
  color: #4c5b41;
  letter-spacing: -.04em;
  font-size: .18rem;
  line-height: 1
}
.new_body .new_row02 .new_row02_con .new_row02_btm .n_row02_hint .iconfont {
  color: #9cd325;
  margin-left: .2rem;
  font-size: .18rem;
  line-height: 1
}
.new_body .new_row02 .new_row02_con .new_row02_btm .page_btn {
  margin-top: 0
}
.new_body .new_row03 {
  color: #fff;
  padding-top: 3rem;
  padding-bottom: 1.45rem;
  position: relative
}
.new_body .new_row03 .new_r03_top {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex
}
.new_body .new_row03 .new_r03_top .lb_tab_case {
  margin-top: 0
}
@media screen and (orientation:landscape) {
  .new_body .new_row03 .new_r03_top .lb_tab_case span {
    height: .6rem;
    padding-left: .35rem;
    padding-right: .35rem;
    font-size: .18rem
  }
}
.new_body .new_row03 .pub_title_h3 {
  color: #fff
}
.new_body .new_row03 .n_row03_con {
  padding-top: 2.3rem;
  position: relative
}
.new_body .new_row03 .n_row03_con > img {
  width: 16rem;
  display: block;
  position: absolute;
  top: 3.2rem;
  left: -1rem
}
.new_body .new_row03 .n_row03_con .ank_show_case {
  width: 5.92rem;
  z-index: 4;
  background-color: #002c1b;
  border-radius: .4rem;
  padding: .43rem .45rem .4rem .5rem;
  position: absolute;
  top: .45rem;
  left: .13rem
}
.new_body .new_row03 .n_row03_con .ank_show_case .ank_show {
  max-height: 20.5em;
  overflow-y: auto
}
@media screen and (orientation:landscape) {
  .new_body .new_row03 .n_row03_con .ank_show_case .ank_show {
    font-size: .14rem
  }
  .new_body .new_row03 .n_row03_con .ank_show_case .ank_show .pub_info, .new_body .new_row03 .n_row03_con .ank_show_case .ank_show .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .new_body .new_row03 .n_row03_con .ank_show_case .ank_show textarea, .new_body .new_row03 .n_row03_con .ank_show_case .ank_show .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .new_body .new_row03 .n_row03_con .ank_show_case .ank_show input {
    font-size: inherit;
    line-height: 1.57143
  }
}
.new_body .new_row03 .n_row03_con .ank_show_case:before {
  content: "";
  border: .17rem solid #002c1b;
  border-color: #002c1b #002c1b transparent transparent;
  display: block;
  position: absolute;
  top: 100%;
  right: 1.41rem
}
.new_body .new_row03 .n_row03_con .ank_show_case .y_left, .new_body .new_row03 .n_row03_con .ank_show_case .y_right {
  color: #9cd325;
  font-size: 1.5rem;
  line-height: .5;
  position: absolute
}
.new_body .new_row03 .n_row03_con .ank_show_case .y_left {
  line-height: .6;
  top: 0;
  left: .5rem
}
.new_body .new_row03 .n_row03_con .ank_show_case .y_right {
  top: 100%;
  right: .44rem
}
@media screen and (orientation:landscape) {
  .new_body .new_row03 .n_row03_con .ank_show_case.ank_show_case_right {
    left: auto;
    right: .13rem
  }
  .new_body .new_row03 .n_row03_con .ank_show_case.ank_show_case_right:before {
    border: .17rem solid transparent;
    border-color: #002c1b transparent transparent #002c1b;
    left: 1.41rem;
    right: auto
  }
}
.new_body .new_row03 .n_row03_con .ank_show_case.hide {
  opacity: 0;
  pointer-events: none
}
.new_body .new_row03 .n_row03_con .ank_show_case .btn_dot {
  display: none
}
.new_body .new_row03 .n_row03_con .t_show_case {
  width: 5.61rem;
  z-index: 3;
  pointer-events: none;
  margin: 0 auto;
  position: relative
}
.new_body .new_row03 .n_row03_con .t_show_case .pub_img_box:before {
  margin-top: 96.7914%
}
.new_body .new_row03 .n_row03_con .t_show_case .btn_hint {
  pointer-events: auto;
  color: #9cd325;
  width: 100%;
  z-index: 2;
  cursor: pointer;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .14rem;
  font-weight: 700;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: .72rem;
  left: 0
}
.new_body .new_row03 .n_row03_con .t_show_case .btn_hint i {
  font-size: .2rem;
  font-weight: initial;
  margin-right: .15rem;
  transition: transform .5s cubic-bezier(.435, .25, .15, .965)
}
@media screen and (orientation:landscape) {
  .new_body .new_row03 .n_row03_con .t_show_case .btn_hint:hover i {
    transform: rotate(359deg)
  }
}
.new_body .new_row03 .n_row03_con .ans_show_case {
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0
}
.new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank {
  cursor: pointer;
  position: absolute
}
.new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank p {
  max-width: 5.05rem;
  background-color: #55654b;
  border-radius: .2rem;
  padding: .32rem .35rem;
  transition: background-color .5s cubic-bezier(.435, .25, .15, .965);
  position: relative
}
@media screen and (orientation:landscape) {
  .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank p {
    font-size: .24rem;
    line-height: 1.25
  }
}
.new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank p:before {
  content: "";
  border: .11rem solid #55654b;
  transition: border-color .5s cubic-bezier(.435, .25, .15, .965);
  display: block;
  position: absolute;
  top: 100%;
  right: .46rem
}
@media screen and (orientation:landscape) {
  .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(1) p, .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(2) p, .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(3) p {
    transform-origin: 100% 100%
  }
  .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(1) p:before, .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(2) p:before, .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(3) p:before {
    border-bottom-color: transparent !important;
    border-left-color: transparent !important
  }
  .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(5) p, .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(6) p, .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(7) p {
    transform-origin: 0 100%
  }
  .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(5) p:before, .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(6) p:before, .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(7) p:before {
    left: .46rem;
    right: auto;
    border-bottom-color: transparent !important;
    border-right-color: transparent !important
  }
  .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(4) p:before, .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(8) p:before {
    top: auto;
    bottom: 100%;
    border-top-color: transparent !important
  }
  .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(4) p {
    transform-origin: 100% 0
  }
  .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(4) p:before {
    border-left-color: transparent !important
  }
  .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(8) p {
    transform-origin: 0 0
  }
  .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(8) p:before {
    left: .46rem;
    right: auto;
    border-right-color: transparent !important
  }
  .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(1) {
    top: 1.45rem;
    right: 7.2rem
  }
  .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(1) p {
    opacity: .7;
    transform: scale(.692)
  }
  .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(2) {
    top: 1.94rem;
    right: 9.7rem
  }
  .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(3) {
    top: 4.28rem;
    right: 9.67rem
  }
  .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(4) {
    top: 6.55rem;
    right: 9.5rem
  }
  .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(4) p {
    opacity: .7;
    transform: scale(.692)
  }
  .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(5) {
    top: .9rem;
    left: 7.8rem
  }
  .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(5) p {
    opacity: .7;
    transform: scale(.692)
  }
  .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(6) {
    top: 2.2rem;
    left: 9.85rem
  }
  .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(7) {
    top: 4.4rem;
    left: 9.2rem
  }
  .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(7) p {
    opacity: .7;
    transform: scale(.692)
  }
  .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank:nth-child(8) {
    top: 6.05rem;
    left: 10.28rem
  }
}
.new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank.on {
  z-index: 4
}
.new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank.on p {
  opacity: 1;
  background-color: #9cd325
}
.new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank.on p:before {
  border-color: #9cd325
}
.new_body .new_row04 {
  padding-top: 1.46rem;
  padding-bottom: 1.3rem;
  overflow: hidden
}
.new_body .new_row04 .n_row04 {
  margin-top: .73rem
}
.new_body .new_row04 .n_row04 .swiper {
  overflow: visible
}
.new_body .new_row04 .n_row04 .j_right {
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: .6rem;
  display: -ms-flexbox;
  display: flex
}
.new_body .new_row05 {
  background-color: #f4f8eb;
  padding-top: 1.15rem;
  padding-bottom: 1.16rem
}
.new_body .new_row05 .n_row05 {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex
}
.new_body .new_row05 .n_row05 .n_row05_tab {
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: -.27rem;
  margin-right: -.4rem;
  display: -ms-flexbox;
  display: flex
}
.new_body .new_row05 .n_row05 .n_row05_tab a {
  color: rgba(0, 57, 35, .3);
  height: .8rem;
  cursor: pointer;
  border: 3px solid transparent;
  border-radius: .5rem;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .2rem .37rem;
  transition: color .3s cubic-bezier(.435, .25, .15, .965), border-color .3s cubic-bezier(.435, .25, .15, .965);
  display: -ms-flexbox;
  display: flex
}
.new_body .new_row05 .n_row05 .n_row05_tab a.on {
  color: #55654b;
  border-color: #9cd325
}
@media screen and (orientation:landscape) {
  .new_body .new_row05 .n_row05 .n_row05_tab a {
    font-size: .3rem
  }
  .new_body .new_row05 .n_row05 .n_row05_tab a:hover {
    color: #55654b;
    border-color: #9cd325
  }
}
.new_body .new_row05 .n_row05_case {
  margin-top: .8rem
}
.new_body .new_row05 .n_row05_case .n_row05_con {
  display: none
}
.new_body .new_row05 .n_row05_case .n_row05_con.on, .new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list {
  display: block
}
.new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li {
  border-bottom: 1px solid rgba(0, 57, 35, .05);
  -ms-flex-align: center;
  align-items: center;
  padding: .3rem 0;
  display: -ms-flexbox;
  display: flex
}
.new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li:last-child {
  border-bottom: none
}
.new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .n_r5_left {
  width: calc(100% - 3.44rem);
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}
.new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .n_r5_left > i {
  color: #4c5b41;
  margin-right: .56rem;
  font-size: .47rem
}
.new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .btn_sty_box {
  width: 3.44rem;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}
.new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .btn_sty_box .btn_sty {
  width: 1.62rem;
  height: .68rem;
  border-radius: .5rem;
  display: none
}
.new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .btn_sty_box .btn_sty span {
  padding-left: 0;
  padding-right: 0;
  font-size: .16rem;
  font-weight: 700
}
.new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .btn_sty_box .btn_sty span i {
  font-weight: initial;
  margin-left: .17rem;
  margin-right: 0;
  transform: none !important
}
.new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .btn_sty_box .btn_sty.btn_line {
  display: -ms-flexbox;
  display: flex
}
.new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .btn_sty_box .btn_sty.btn_line span i {
  margin-left: .14rem;
  font-size: .21rem
}
.new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .n_row05_n {
  color: #101312;
  width: calc(100% - 1.03rem);
  padding-right: .8rem
}
@media screen and (orientation:landscape) {
  .new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .n_row05_n .pub_title_h4 {
    font-size: .2rem;
    line-height: 1.25
  }
  .new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .n_row05_n .pub_title_h4 + .pub_info, .new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .n_row05_n .from_box form .form_inp .inp_case .pub_title_h4 + textarea, .from_box form .form_inp .inp_case .new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .n_row05_n .pub_title_h4 + textarea, .new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .n_row05_n .from_box form .form_inp .inp_case .pub_title_h4 + input, .from_box form .form_inp .inp_case .new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .n_row05_n .pub_title_h4 + input {
    font-size: .16rem;
    line-height: 1
  }
}
.new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .n_row05_n .pub_info, .new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .n_row05_n .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .n_row05_n textarea, .new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .n_row05_n .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .n_row05_n input {
  font-weight: initial;
  margin-top: .11rem;
  display: block
}
.new_body .new_row05 .n_row05_case .n_row05_con .video_list_con {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -ms-flexbox;
  display: flex
}
.new_body .new_row05 .n_row05_case .n_row05_con .video_list_con .video_block {
  width: calc(33.3333% - 1.90972vw);
  margin-bottom: 2.34375vw;
  margin-right: 2.86458vw
}
.new_body .new_row05 .n_row05_case .n_row05_con .video_list_con .video_block:nth-child(3n) {
  margin-right: 0
}
.new_body .new_row05 .n_row05_case .n_row05_con .video_list_con .video_block .btn_video_sha {
  cursor: pointer;
  display: block
}
.new_body .new_row05 .n_row05_case .n_row05_con .video_list_con .video_block .btn_video_sha .pub_img_box:before {
  margin-top: 56.25%
}
.new_body .new_row05 .n_row05_case .n_row05_con .video_list_con .video_block .btn_video_sha .pub_img_box img {
  transition: transform 1.2s cubic-bezier(.435, .25, .15, .965)
}
.new_body .new_row05 .n_row05_case .n_row05_con .video_list_con .video_block .btn_video_sha .pub_img_box:after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 3;
  pointer-events: none;
  background-color: rgba(0, 0, 0, .2);
  position: absolute;
  top: 0;
  left: 0
}
.new_body .new_row05 .n_row05_case .n_row05_con .video_list_con .video_block .btn_video_sha .pub_img_box i {
  width: .6rem;
  height: .6rem;
  z-index: 4;
  color: #fff;
  margin-top: -.3rem;
  margin-left: -.3rem;
  font-size: .6rem;
  transition: color .5s cubic-bezier(.435, .25, .15, .965);
  position: absolute;
  top: 50%;
  left: 50%
}
.new_body .new_row05 .n_row05_case .n_row05_con .video_list_con .video_block .btn_video_sha .pub_title_h3 {
  color: #101312;
  text-overflow: ellipsis;
  work-break: break-all;
  -webkit-line-clamp: 2;
  height: 2.3em;
  -webkit-box-orient: vertical;
  margin-top: .83333vw;
  font-size: .2rem;
  font-weight: 700;
  line-height: 1.2;
  display: -webkit-box;
  overflow: hidden
}
@media screen and (orientation:landscape) {
  .new_body .new_row05 .n_row05_case .n_row05_con .video_list_con .video_block .btn_video_sha:hover .pub_img_box img {
    transform: scale(1.1)
  }
  .new_body .new_row05 .n_row05_case .n_row05_con .video_list_con .video_block .btn_video_sha:hover .pub_img_box i {
    color: #9cd325
  }
}
.new_body .new_row05 .n_row05_case .n_row05_con .video_list_con .video_block .btn_sty_hover {
  width: 1.62rem;
  height: .6rem;
  border-radius: .5rem;
  margin-top: .83333vw;
  display: none !important
}
.new_body .new_row05 .n_row05_case .n_row05_con .video_list_con .video_block .btn_sty_hover span {
  padding-left: 0;
  padding-right: 0;
  font-size: .16rem
}
.new_body .new_row05 .n_row05_case .n_row05_con .manual_list_con {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -ms-flexbox;
  display: flex
}
.new_body .new_row05 .n_row05_case .n_row05_con .manual_list_con .manual_block {
  width: calc(20% - 1.66667vw);
  margin-bottom: 2.34375vw;
  margin-right: 2.08333vw
}
.new_body .new_row05 .n_row05_case .n_row05_con .manual_list_con .manual_block:nth-child(5n) {
  margin-right: 0
}
.new_body .new_row05 .n_row05_case .n_row05_con .manual_list_con .manual_block .btn_video_sha {
  display: block;
  position: relative
}
.new_body .new_row05 .n_row05_case .n_row05_con .manual_list_con .manual_block .btn_video_sha .pub_img_box:before {
  margin-top: 141.981%
}
.new_body .new_row05 .n_row05_case .n_row05_con .manual_list_con .manual_block .btn_video_sha .pub_img_box > img {
  object-fit: contain;
  object-position: center bottom
}
.new_body .new_row05 .n_row05_case .n_row05_con .manual_list_con .manual_block .btn_video_sha .pub_img_box:after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 3;
  pointer-events: none;
  background-color: rgba(0, 0, 0, .2);
  display: none;
  position: absolute;
  top: 0;
  left: 0
}
.new_body .new_row05 .n_row05_case .n_row05_con .manual_list_con .manual_block .btn_video_sha .pub_title_h3 {
  z-index: 3;
  text-overflow: ellipsis;
  work-break: break-all;
  -webkit-line-clamp: 2;
  color: #fff;
  width: 100%;
  background-color: rgba(0, 0, 0, .4);
  -webkit-box-orient: vertical;
  margin-top: .83333vw;
  padding: .1rem .2rem;
  font-size: .2rem;
  font-weight: 400;
  line-height: 1.2;
  transition: color .3s cubic-bezier(.435, .25, .15, .965);
  display: -webkit-box;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden
}
@media screen and (orientation:landscape) {
  .new_body .new_row05 .n_row05_case .n_row05_con .manual_list_con .manual_block .btn_video_sha:hover .pub_title_h3 {
    color: #4c5b41
  }
}
.new_body .new_row05 .n_row05_case .n_row05_con .manual_list_con .manual_block .btn_sty_hover {
  width: 1.62rem;
  height: .6rem;
  border-radius: .5rem;
  margin: .83333vw auto 0;
  display: none !important
}
.new_body .new_row05 .n_row05_case .n_row05_con .manual_list_con .manual_block .btn_sty_hover span {
  padding-left: 0;
  padding-right: 0;
  font-size: .16rem
}
.new_det_body {
  background-color: #fdfdfd
}
.new_det_body .new_d_time {
  color: #fff;
  margin-top: .47rem;
  font-size: .16rem;
  line-height: 1;
  display: block
}
.new_det_body .banner_case_ban .banner_box .pub_img_box:before {
  margin-top: 28.6458%
}
.new_det_body .banner_case_ban .banner_box .banner_txt_case {
  bottom: .84rem
}
.new_det_body .banner_case_ban .banner_box .banner_txt_case .banner_t_title {
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  font-size: .48rem;
  line-height: 1.25;
  display: -webkit-box;
  overflow: hidden
}
.new_det_body .banner_case_ban .banner_box .banner_txt_case .pub_case .leave_banner {
  bottom: .2rem
}
.new_det_body .banner_case_ban + .add_case {
  font-size: 0
}
.new_det_body .banner_case_ban + .add_case .add_box {
  top: .36rem
}
@media screen and (orientation:landscape) {
  .new_det_body .afterInner .pub_case {
    max-width: 72.9166%;
    width: 1000px
  }
}
.new_det_body .new_d_row01 {
  padding-top: 1.75rem;
  padding-bottom: 1.58rem
}
.new_det_body .new_d_row01 .new_d_con {
  color: #062418;
  border-bottom: 1px solid rgba(0, 57, 35, .1);
  padding-bottom: .4rem;
  position: relative
}
.new_det_body .new_d_row01 .new_d_con:after {
  content: "end";
  color: rgba(6, 36, 24, .1);
  background-color: #fdfdfd;
  padding: .1rem .13rem;
  font-size: .12rem;
  line-height: 1;
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%)
}
@media screen and (orientation:landscape) {
  .new_det_body .new_d_row01 .new_d_con {
    line-height: 1.85714
  }
}
.new_det_body .new_d_row01 .new_d_con p {
  font-size: inherit;
  line-height: inherit;
  margin-bottom: .42rem
}
.new_det_body .new_d_row01 .new_d_con img {
  max-width: 100%;
  margin: 0 auto .55rem;
  display: block;
  height: auto !important
}
.new_det_body .new_d_row01 .new_btns_box {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1.08rem;
  display: -ms-flexbox;
  display: flex
}
.new_det_body .new_d_row01 .new_btns_box .btn_sty.btn_line:first-child span {
  padding-right: 0
}
.new_det_body .new_d_row01 .new_btns_box .btn_sty.btn_line:last-child span {
  padding-left: 0
}
.btn_aj_more {
  cursor: pointer;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: .4rem;
  font-size: .2rem;
  font-weight: 600;
  line-height: 1.5;
  display: -ms-flexbox;
  display: flex
}
.btn_aj_more span {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}
.btn_aj_more i {
  margin-left: .17rem;
  font-size: .12rem;
  transition: transform .3s cubic-bezier(.435, .25, .15, .965)
}
@media screen and (orientation:landscape) {
  .btn_aj_more:hover i {
    animation: 1s ease-in-out infinite HintUpDown
  }
}
.investor_body {
  color: #55654b;
  background-color: #fdfdfd;
  font-size: .16rem
}
.investor_body .inv_row01 {
  padding-top: 1.1rem;
  padding-bottom: .28rem
}
.investor_body .inv_row01 .title_sty_case {
  position: relative
}
.investor_body .inv_row01 .title_sty_case > div {
  margin-left: .43rem
}
.investor_body .inv_row01 .title_sty_case .sm {
  margin-bottom: .24rem
}
.investor_body .inv_row01 .title_sty_case .sm h6 {
  font-size: .2rem;
  font-weight: 600;
  line-height: 1
}
.investor_body .inv_row01 .i_row01 {
  margin-top: .3rem
}
.investor_body .inv_row01 .i_row01 .i_row01_case {
  border-bottom: 1px solid rgba(0, 57, 35, .1);
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: .85rem 0 .75rem;
  display: -ms-flexbox;
  display: flex
}
.investor_body .inv_row01 .i_row01 .i_row01_case:last-child {
  border-bottom: none
}
.investor_body .inv_row01 .i_row01 .i_row01_case .i_row01_block {
  width: 27%;
  padding-right: .2rem
}
.investor_body .inv_row01 .i_row01 .i_row01_case .i_row01_block:nth-child(4) {
  width: 19%
}
.investor_body .inv_row01 .i_row01 .i_row01_case .i_row01_block:last-child {
  padding-right: 0
}
.investor_body .inv_row01 .i_row01 .i_row01_case .i_row01_block h5 {
  font-size: .18rem;
  line-height: 1
}
.investor_body .inv_row01 .i_row01 .i_row01_case .i_row01_block .pub_info, .investor_body .inv_row01 .i_row01 .i_row01_case .i_row01_block .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .investor_body .inv_row01 .i_row01 .i_row01_case .i_row01_block textarea, .investor_body .inv_row01 .i_row01 .i_row01_case .i_row01_block .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .investor_body .inv_row01 .i_row01 .i_row01_case .i_row01_block input {
  margin-top: .15rem;
  font-size: .26rem;
  line-height: 1.2
}
.investor_body .inv_row01 .i_row01 .i_row01_case:nth-child(2) .i_row01_block:first-child {
  width: 81%
}
.investor_body .inv_row01 .i_row01 .i_row01_case:nth-child(2) .i_row01_block:nth-child(2) {
  width: 19%
}
.investor_body .inv_row01 .i_row01 .i_row01_case:nth-child(4) .i_row01_block:first-child {
  width: 54%
}
.investor_body .inv_row01 .i_row01 .i_row01_case:nth-child(4) .i_row01_block:nth-child(2) {
  width: 46%
}
.investor_body .inv_row02 {
  padding-top: 1rem
}
.investor_body .inv_row02 .parameter_case {
  background-color: transparent;
  margin-top: .54rem
}
.investor_body .inv_row02 .parameter_case th, .investor_body .inv_row02 .parameter_case td {
  height: .74rem;
  width: 25%
}
.investor_body .inv_row02 .parameter_case th:nth-child(2), .investor_body .inv_row02 .parameter_case td:nth-child(2) {
  text-align: left;
  padding-left: .5rem
}
.investor_body .inv_row02 .parameter_case th:nth-child(3), .investor_body .inv_row02 .parameter_case th:nth-child(4), .investor_body .inv_row02 .parameter_case td:nth-child(3), .investor_body .inv_row02 .parameter_case td:nth-child(4) {
  text-align: left;
  padding-left: 1.1rem
}
.investor_body .inv_row03 {
  padding-top: 1.55rem;
  padding-bottom: 2rem
}
.investor_body .inv_row03 .i_row03_con {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: .98rem;
  display: -ms-flexbox;
  display: flex
}
.investor_body .inv_row03 .i_row03_con .i_row03_block {
  width: 2.85rem
}
@media screen and (orientation:landscape) {
  .investor_body .inv_row03 .i_row03_con .i_row03_block {
    width: auto;
    min-width: 2.85rem;
    padding: 0 .2rem
  }
  .investor_body .inv_row03 .i_row03_con .i_row03_block:first-child {
    padding-left: 0
  }
  .investor_body .inv_row03 .i_row03_con .i_row03_block:last-child {
    padding-right: 0
  }
}
.investor_body .inv_row03 .i_row03_con .i_row03_block .pub_img_box {
  width: .74rem
}
.investor_body .inv_row03 .i_row03_con .i_row03_block .pub_img_box img {
  object-fit: contain;
  object-position: left center
}
.investor_body .inv_row03 .i_row03_con .i_row03_block .pub_title_h4 {
  margin-top: .8rem;
  line-height: 1
}
@media screen and (orientation:landscape) {
  .investor_body .inv_row03 .i_row03_con .i_row03_block .pub_title_h4 {
    font-size: .3rem
  }
}
.investor_body .inv_row03 .i_row03_con .i_row03_block .pub_info, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block textarea, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block input {
  margin-top: .26rem
}
.investor_body .inv_row03 .i_row03_con .i_row03_block .pub_info.gsd-medium, .investor_body .inv_row03 .i_row03_con .i_row03_block .about_body .abo_row14 .pub_case .cun_case .com_r1_block .num_box span.pub_info, .about_body .abo_row14 .pub_case .cun_case .com_r1_block .num_box .investor_body .inv_row03 .i_row03_con .i_row03_block span.pub_info, .investor_body .inv_row03 .i_row03_con .i_row03_block .about_body .abo_row01 .row_case .cou_nav .pub_info.swiper-slide, .about_body .abo_row01 .row_case .cou_nav .investor_body .inv_row03 .i_row03_con .i_row03_block .pub_info.swiper-slide, .investor_body .inv_row03 .i_row03_con .i_row03_block .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .pub_info.cou_time, .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .investor_body .inv_row03 .i_row03_con .i_row03_block .pub_info.cou_time, .investor_body .inv_row03 .i_row03_con .i_row03_block .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .pub_info.time_y, .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .investor_body .inv_row03 .i_row03_con .i_row03_block .pub_info.time_y, .investor_body .inv_row03 .i_row03_con .i_row03_block .step_02_case .step_02 .step_con_case .step_block .icon_con .icon_txt span.pub_info, .step_02_case .step_02 .step_con_case .step_block .icon_con .icon_txt .investor_body .inv_row03 .i_row03_con .i_row03_block span.pub_info, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case textarea.gsd-medium, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_nav textarea.swiper-slide, .about_body .abo_row01 .row_case .cou_nav .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case textarea.swiper-slide, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right textarea.cou_time, .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case textarea.cou_time, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide textarea.time_y, .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case textarea.time_y, .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block textarea.gsd-medium, .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block .about_body .abo_row01 .row_case .cou_nav textarea.swiper-slide, .about_body .abo_row01 .row_case .cou_nav .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block textarea.swiper-slide, .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right textarea.cou_time, .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block textarea.cou_time, .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide textarea.time_y, .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block textarea.time_y, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case input.gsd-medium, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_nav input.swiper-slide, .about_body .abo_row01 .row_case .cou_nav .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case input.swiper-slide, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right input.cou_time, .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case input.cou_time, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide input.time_y, .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case input.time_y, .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block input.gsd-medium, .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block .about_body .abo_row01 .row_case .cou_nav input.swiper-slide, .about_body .abo_row01 .row_case .cou_nav .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block input.swiper-slide, .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right input.cou_time, .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block input.cou_time, .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide input.time_y, .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block input.time_y, .investor_body .inv_row03 .i_row03_con .i_row03_block .new_body .new_row03 .n_row03_con .ank_show_case .pub_info.y_left, .new_body .new_row03 .n_row03_con .ank_show_case .investor_body .inv_row03 .i_row03_con .i_row03_block .pub_info.y_left, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case .new_body .new_row03 .n_row03_con .ank_show_case textarea.y_left, .from_box form .form_inp .inp_case .new_body .new_row03 .n_row03_con .ank_show_case .investor_body .inv_row03 .i_row03_con .i_row03_block textarea.y_left, .investor_body .inv_row03 .i_row03_con .i_row03_block .new_body .new_row03 .n_row03_con .ank_show_case .from_box form .form_inp .inp_case textarea.y_left, .new_body .new_row03 .n_row03_con .ank_show_case .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block textarea.y_left, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case .new_body .new_row03 .n_row03_con .ank_show_case input.y_left, .from_box form .form_inp .inp_case .new_body .new_row03 .n_row03_con .ank_show_case .investor_body .inv_row03 .i_row03_con .i_row03_block input.y_left, .investor_body .inv_row03 .i_row03_con .i_row03_block .new_body .new_row03 .n_row03_con .ank_show_case .from_box form .form_inp .inp_case input.y_left, .new_body .new_row03 .n_row03_con .ank_show_case .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block input.y_left, .investor_body .inv_row03 .i_row03_con .i_row03_block .new_body .new_row03 .n_row03_con .ank_show_case .pub_info.y_right, .new_body .new_row03 .n_row03_con .ank_show_case .investor_body .inv_row03 .i_row03_con .i_row03_block .pub_info.y_right, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case .new_body .new_row03 .n_row03_con .ank_show_case textarea.y_right, .from_box form .form_inp .inp_case .new_body .new_row03 .n_row03_con .ank_show_case .investor_body .inv_row03 .i_row03_con .i_row03_block textarea.y_right, .investor_body .inv_row03 .i_row03_con .i_row03_block .new_body .new_row03 .n_row03_con .ank_show_case .from_box form .form_inp .inp_case textarea.y_right, .new_body .new_row03 .n_row03_con .ank_show_case .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block textarea.y_right, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case .new_body .new_row03 .n_row03_con .ank_show_case input.y_right, .from_box form .form_inp .inp_case .new_body .new_row03 .n_row03_con .ank_show_case .investor_body .inv_row03 .i_row03_con .i_row03_block input.y_right, .investor_body .inv_row03 .i_row03_con .i_row03_block .new_body .new_row03 .n_row03_con .ank_show_case .from_box form .form_inp .inp_case input.y_right, .new_body .new_row03 .n_row03_con .ank_show_case .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block input.y_right {
  font-size: .2rem;
  font-weight: initial
}
.investor_body .inv_row03 .i_row03_con .i_row03_block .pub_info span, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case textarea span, .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block textarea span, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case input span, .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block input span {
  margin-top: .04rem;
  font-size: .14rem;
  display: block
}
.investor_body .inv_row04 {
  padding-top: 1.1rem;
  padding-bottom: 1.65rem
}
.investor_body .inv_row04 .i_row04 {
  margin: 0 auto
}
@media screen and (orientation:landscape) {
  .investor_body .inv_row04 .i_row04 {
    max-width: 65%;
    width: 910px
  }
  .investor_body .inv_row04 .i_row04 .pub_title_h2 {
    font-size: .4rem;
    line-height: 1.2
  }
  .investor_body .inv_row04 .i_row04 .pub_title_h5 {
    font-size: .3rem;
    line-height: 1
  }
}
.investor_body .inv_row04 .i_row04 time {
  line-height: 1;
  font-weight: initial;
  margin-top: .54rem;
  display: block
}
.investor_body .inv_row04 .i_row04 .pub_title_h2, .investor_body .inv_row04 .i_row04 .pub_title_h5, .investor_body .inv_row04 .i_row04 time {
  text-align: center
}
.investor_body .inv_row04 .i_row04 .pub_title_h5 {
  margin-top: .38rem
}
.investor_body .inv_row04 .i_row04 .i_row04_con {
  margin-top: 0;
  font-weight: 600
}
@media screen and (orientation:landscape) {
  .investor_body .inv_row04 .i_row04 .i_row04_con {
    font-size: .16rem;
    line-height: 1.625
  }
  .investor_body .inv_row04 .i_row04 .i_row04_con p {
    line-height: 1.625
  }
}
.investor_body .inv_row04 .i_row04 .i_row04_con p {
  margin-bottom: 1em
}
.investor_body .inv_row04 .i_row04 .i_row04_con > div {
  text-indent: 0;
  padding-top: .5rem;
  padding-bottom: 1rem
}
.investor_body .inv_row04 .i_row04 .i_row04_con > div img {
  max-width: 100%;
  margin: .3rem auto
}
.investor_body .inv_row04 .i_row04 .i_row04_con b {
  font-weight: 700
}
.investor_body .inv_row04 .i_row04 .i_row04_con strong {
  font-size: .3rem;
  font-weight: 700;
  line-height: 1.2;
  display: block
}
.investor_body .inv_row04 .i_row04 .i_row04_con .btn_aj_more {
  display: none
}
.investor_body .inv_row04 .i_row04 .i_row04_con.all_x {
  padding-bottom: 2.47rem;
  position: relative;
  overflow: hidden
}
.investor_body .inv_row04 .i_row04 .i_row04_con.all_x:before {
  content: "";
  height: 3rem;
  width: 100%;
  z-index: 3;
  background: linear-gradient(rgba(249, 255, 238, .7) 0, #fdfdfd 98%);
  display: block;
  position: absolute;
  bottom: 0;
  left: 0
}
.investor_body .inv_row04 .i_row04 .i_row04_con.all_x .btn_aj_more {
  width: 100%;
  z-index: 4;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 2rem;
  left: 0
}
.investor_body .inv_row04 .i_row04 .i_row04_con.all_x > div {
  width: 100%;
  position: absolute
}
.investor_body .inv_row04 .i_row04 .i_row04_con.all_x > div:first-child {
  pointer-events: all;
  position: relative
}
.investor_body .inv_row04 .i_row04 .btn_boxs .btn_line {
  height: .7rem;
  width: 4rem
}
.investor_body .inv_row04 .i_row04 .btn_boxs .btn_line span {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  font-family: PingFang SC, Noto Sans SC, Microsoft JhengHei, Source Han Sans CN, sans-serif;
  display: -ms-flexbox;
  display: flex
}
.investor_body .inv_row04 .i_row04 .btn_boxs .btn_line span i {
  font-weight: initial;
  transform: none !important
}
.investor_body .inv_row04 .i_row04 .btn_boxs .btn_line span i:first-child {
  margin-left: 0;
  margin-right: .13rem;
  font-size: .26rem
}
.investor_body .inv_row04 .i_row04 .btn_boxs .btn_line span i:last-child {
  margin-left: .13rem;
  margin-right: 0;
  font-size: .2rem
}
.investor_body .inv_row04 .i_row04 .btn_boxs .btn_line span span {
  max-width: 2.78rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  letter-spacing: -.04em;
  font-size: .16rem;
  font-weight: 500;
  display: block;
  overflow: hidden
}
.investor_body .inv_row05 {
  background-color: #f0f8e3;
  padding-top: 1.33rem;
  padding-bottom: 1.43rem
}
@media screen and (orientation:landscape) {
  .investor_body .inv_row05 .pub_title_h2 {
    font-size: .4rem;
    line-height: 1
  }
}
.investor_body .inv_row05 .i_row05_con {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: .76rem;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.investor_body .inv_row05 .i_row05_con:before {
  content: "";
  width: 1px;
  height: calc(100% - .67rem);
  background-color: rgba(0, 57, 35, .05);
  position: absolute;
  top: .15rem;
  left: 50%
}
.investor_body .inv_row05 .i_row05_con a {
  width: 44.286%;
  cursor: pointer;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: .34rem;
  padding: .15rem 0;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.investor_body .inv_row05 .i_row05_con a h4 {
  width: calc(100% - .4rem);
  font-size: .2rem;
  line-height: 1.25
}
.investor_body .inv_row05 .i_row05_con a i {
  color: #9cd325;
  font-size: .16rem
}
.investor_body .inv_row05 .i_row05_con a:before {
  content: "";
  height: 1px;
  width: 100%;
  transform-origin: 0;
  background-color: #9cd325;
  transition: transform .3s cubic-bezier(.435, .25, .15, .965);
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0)
}
@media screen and (orientation:landscape) {
  .investor_body .inv_row05 .i_row05_con a:hover:before {
    transform: scaleX(1)
  }
}
.investor_body .inv_row05 .page_btn {
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: .42rem
}
.investor_body .inv_row05 .page_btn > div {
  margin-left: .2rem
}
.stock_con {
  color: #55654b;
  background-color: #fdfdfd;
  font-size: .16rem
}
.stock_con .sto_r1 {
  padding-top: 1.3rem;
  padding-bottom: .25rem
}
.stock_con .sto_r1 .sto_con {
  -ms-flex-align: center;
  align-items: center;
  margin-top: .55rem;
  display: -ms-flexbox;
  display: flex
}
.stock_con .sto_r1 .sto_con > div {
  align-items: baseline;
  margin-right: .58rem;
  display: -ms-flexbox;
  display: flex
}
.stock_con .sto_r1 .sto_con > div:last-child {
  margin-right: 0
}
.stock_con .sto_r1 .sto_con > div h6 {
  margin-right: .15rem;
  font-size: .18rem;
  font-weight: 400
}
@media screen and (orientation:landscape) {
  .stock_con .sto_r1 .sto_con > div .pub_info, .stock_con .sto_r1 .sto_con > div .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .stock_con .sto_r1 .sto_con > div textarea, .stock_con .sto_r1 .sto_con > div .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .stock_con .sto_r1 .sto_con > div input {
    font-size: .32rem
  }
}
.stock_con .sto_r1 .chart_case {
  padding: 1.04167vw 10.4167vw;
  position: relative
}
.stock_con .sto_r1 .chart_case img {
  width: 100%;
  margin-top: .3rem;
  display: block
}
.stock_con .sto_r1 .chart_case .cha_title {
  color: #1b1d26;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-left: 3.1%;
  font-size: 1.66667vw;
  font-weight: 600;
  line-height: 1;
  display: none
}
.stock_con .sto_r1 .chart_case .cha_title span {
  color: #78767b;
  margin-left: .5em;
  font-size: 1.45833vw;
  font-weight: 400
}
.stock_con .sto_r1 .chart_case .cha_info {
  color: #333539;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 3.1%;
  font-size: .98958vw;
  font-weight: 700;
  display: -ms-flexbox;
  display: flex
}
.stock_con .sto_r1 .chart_case .cha_info > div {
  -ms-flex-align: center;
  align-items: center;
  margin-top: .15rem;
  margin-right: 1em;
  display: -ms-flexbox;
  display: flex
}
.stock_con .sto_r1 .chart_case .cha_info > div:last-child {
  margin-right: 0
}
.stock_con .sto_r1 .chart_case .cha_info span {
  color: #ff1f32
}
.stock_con .sto_r1 .chart_case .cha_info span.cha_time {
  color: #0e1015;
  margin-top: .15rem;
  margin-right: 1em
}
.stock_con .sto_r1 .chart_case #chart {
  height: 100%;
  width: 100%;
  margin-top: .78125vw
}
.stock_con .sto_r1 .chart_case .cha_hint {
  width: 100%;
  height: 100%;
  z-index: 2;
  color: #78767b;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  background-color: #fff;
  font-size: .32rem;
  line-height: 5;
  position: absolute;
  top: 0;
  left: 0
}
.stock_con .sto_r1 .chart_case .cha_hint.on {
  opacity: 1;
  pointer-events: all
}
.stock_con .inv_row06 {
  padding-top: .75rem;
  padding-bottom: 1rem
}
.stock_con .inv_row06 .parameter_case {
  background-color: transparent;
  margin-top: .5rem
}
.stock_con .inv_row06 .parameter_case th, .stock_con .inv_row06 .parameter_case td:nth-child(1) {
  background-color: #ecf6e0
}
.stock_con .inv_row06 .parameter_case th, .stock_con .inv_row06 .parameter_case td {
  height: .74rem;
  text-align: center;
  width: 25%
}
.stock_con .inv_row06:last-child {
  padding-bottom: 1.4rem
}
.stock_con .inv_row06:last-child th, .stock_con .inv_row06:last-child td {
  width: 33.333%
}
@media screen and (orientation:landscape) {
  .stock_con .inv_row06:last-child .parameter_table.n_all {
    max-height: 5.18rem
  }
}
.mark_zw {
  opacity: 0;
  height: 0;
  pointer-events: none;
  margin-top: -1.5rem;
  position: absolute
}
.b_row03_con .from_box form {
  -ms-flex-pack: justify;
  justify-content: space-between
}
.b_row03_con .from_box form .form_inp {
  margin-top: 0;
  padding-top: .33rem
}
.b_row03_con .from_box form .form_inp.w_all {
  width: 100% !important
}
.b_row03_con .from_box form .form_inp label {
  color: #4c5b41;
  font-size: .18rem;
  font-weight: 500;
  line-height: 1;
  transition: color .5s cubic-bezier(.435, .25, .15, .965);
  position: absolute;
  top: -.33rem;
  left: 0
}
.b_row03_con .from_box form .form_inp .inp_case .inp_sha {
  border-radius: .05rem
}
.b_row03_con .from_box form .form_inp input, .b_row03_con .from_box form .form_inp textarea {
  height: .8rem;
  text-align: center;
  background-color: #f0f8e3;
  border-radius: .05rem;
  font-size: .2rem
}
.b_row03_con .from_box form .form_inp input::-ms-input-placeholder, .b_row03_con .from_box form .form_inp textarea::-ms-input-placeholder {
  color: rgba(0, 73, 45, .2)
}
.b_row03_con .from_box form .form_inp input::placeholder, .b_row03_con .from_box form .form_inp textarea::placeholder {
  color: rgba(0, 73, 45, .2)
}
.b_row03_con .from_box form .form_inp input:focus + .inp_sha + label, .b_row03_con .from_box form .form_inp textarea:focus + .inp_sha + label {
  color: #9cd325
}
.b_row03_con .from_box form .form_inp textarea {
  resize: none;
  box-sizing: border-box;
  text-align: left;
  height: 2rem;
  line-height: 1.4
}
.b_row03_con .from_box form .form_inp textarea::-ms-input-placeholder {
  line-height: 1.75rem
}
.b_row03_con .from_box form .form_inp textarea::placeholder {
  line-height: 1.75rem
}
.b_row03_con .from_box form .form_inp.yzm_code {
  width: 4.2rem !important
}
.b_row03_con .from_box form .form_inp.yzm_code input {
  text-align: left;
  padding-left: .53rem;
  padding-right: 2.15rem
}
.b_row03_con .from_box form .form_inp.yzm_code .yzm_img {
  height: calc(100% - .28rem);
  z-index: 2;
  width: 1.71rem;
  object-fit: contain;
  background-color: #fff;
  position: absolute;
  top: .14rem;
  right: .12rem
}
.b_row03_con .from_box form .form_inp .sel_boxs {
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.b_row03_con .from_box form .form_inp .sel_boxs .sel_block {
  width: 2.6rem
}
.b_row03_con .from_box form .form_inp .sel_boxs .sel_block:nth-child(1) {
  z-index: 3
}
.b_row03_con .from_box form .form_inp .sel_boxs .sel_block:nth-child(2) {
  z-index: 2
}
.b_row03_con .from_box form .form_inp .sel_boxs .sel_block:nth-child(3) {
  z-index: 1
}
.b_row03_con .from_box form .form_inp .roa_boxs {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -.14rem;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.b_row03_con .from_box form .form_inp .roa_boxs .roa_block {
  width: 2rem;
  height: .8rem;
  border-radius: .05rem;
  margin-bottom: .14rem;
  margin-right: .14rem;
  position: relative;
  overflow: visible
}
.b_row03_con .from_box form .form_inp .roa_boxs .roa_block:nth-last-child(2) {
  margin-right: 0
}
.b_row03_con .from_box form .form_inp .roa_boxs .roa_block > input {
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 4;
  position: absolute;
  top: 0;
  left: 0
}
.b_row03_con .from_box form .form_inp .roa_boxs .roa_block > input:checked + span {
  color: #9cd325;
  background-color: #eaf8cd;
  border-color: #9cd325
}
.b_row03_con .from_box form .form_inp .roa_boxs .roa_block > input:checked + span + i {
  opacity: 1
}
.b_row03_con .from_box form .form_inp .roa_boxs .roa_block span {
  width: 100%;
  height: 100%;
  background: #e3eed0;
  border: 3px solid transparent;
  border-radius: .05rem;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .2rem;
  font-weight: 700;
  transition: border-color .3s cubic-bezier(.435, .25, .15, .965), background-color .3s cubic-bezier(.435, .25, .15, .965), color .3s cubic-bezier(.435, .25, .15, .965);
  display: -ms-flexbox;
  display: flex
}
.b_row03_con .from_box form .form_inp .roa_boxs .roa_block i {
  z-index: 2;
  width: .36rem;
  height: .36rem;
  opacity: 0;
  color: #fff;
  background-color: #9cd325;
  border-radius: 0 .05rem 0 0;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .14rem;
  transition: opacity .3s cubic-bezier(.435, .25, .15, .965);
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: 0
}
@media screen and (orientation:landscape) {
  .b_row03_con .from_box form .form_inp .roa_boxs .roa_block:hover span {
    border-color: #9cd325
  }
}
.b_row03_con .from_box form .sel_block, .b_row03_con .from_box form .sel_check_block {
  height: .8rem;
  background-color: #f0f8e3;
  border-radius: .05rem
}
.b_row03_con .from_box form .sel_block .sel_show, .b_row03_con .from_box form .sel_check_block .sel_show {
  -ms-flex-pack: center;
  justify-content: center;
  font-size: .2rem
}
.b_row03_con .from_box form .sel_block .sel_show span, .b_row03_con .from_box form .sel_check_block .sel_show span {
  max-width: calc(100% - .4rem);
  width: auto
}
.b_row03_con .from_box form .sel_block .sel_show i, .b_row03_con .from_box form .sel_check_block .sel_show i {
  padding-left: .18rem
}
.b_row03_con .from_box form .sel_block .sel_sha, .b_row03_con .from_box form .sel_check_block .sel_sha, .b_row03_con .from_box form .sel_block.on, .b_row03_con .from_box form .sel_check_block.on {
  border-radius: .05rem
}
.b_row03_con .from_box form .file_input {
  height: 1.7rem;
  background-color: #f0f8e3;
  border: 1px solid #d9e6c3;
  border-radius: .05rem;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  padding: .45rem .2rem .2rem;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden
}
.b_row03_con .from_box form .file_input .file_sty {
  color: #4c5b41;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}
.b_row03_con .from_box form .file_input .file_sty i {
  font-size: .22rem
}
.b_row03_con .from_box form .file_input .file_sty span {
  margin-top: .14rem;
  font-size: .18rem;
  font-weight: 500;
  line-height: 1
}
.b_row03_con .from_box form .file_input .pib_info {
  color: rgba(0, 73, 45, .5);
  font-size: .14rem;
  line-height: 1
}
.b_row03_con .from_box form .file_input .pib_info br {
  display: none
}
.b_row03_con .from_box form .file_input input {
  width: 100%;
  height: 100%;
  z-index: 3;
  opacity: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0
}
.b_row03_con .from_box form .b_row03_left {
  width: 8rem;
  z-index: 2;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.b_row03_con .from_box form .b_row03_left .form_inp {
  width: 3.8rem;
  margin-bottom: .3rem
}
.b_row03_con .from_box form .b_row03_left .form_inp:first-child {
  z-index: 4
}
.b_row03_con .from_box form .b_row03_left .form_inp:nth-child(4) {
  z-index: 3
}
.b_row03_con .from_box form .b_row03_right {
  width: 5.38rem
}
.b_row03_con .from_box form .b_row03_right .form_inp {
  width: 100%
}
.b_row03_con .from_box form .b_row03_right .form_inp:nth-child(2) {
  margin-bottom: 0;
  padding-top: .16rem
}
.b_row03_con .from_box form .b_row03_btm {
  width: 100%;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: .5rem;
  display: -ms-flexbox;
  display: flex
}
.b_row03_con .from_box form .b_row03_btm .btn_sty {
  width: 4rem;
  height: .8rem;
  border-radius: .05rem;
  margin-top: 0
}
@media screen and (orientation:landscape) {
  .b_row03_con .from_box form .b_row03_btm .btn_sty span {
    font-size: .24rem
  }
}
.b_row03_con.b_03_col_w .from_box form .form_inp label {
  color: #fff
}
.b_row03_con.b_03_col_w .from_box form .form_inp input, .b_row03_con.b_03_col_w .from_box form .form_inp textarea {
  color: #fff;
  background-color: #003c25
}
.b_row03_con.b_03_col_w .from_box form .form_inp input::-ms-input-placeholder, .b_row03_con.b_03_col_w .from_box form .form_inp textarea::-ms-input-placeholder {
  color: rgba(249, 255, 238, .15)
}
.b_row03_con.b_03_col_w .from_box form .form_inp input::placeholder, .b_row03_con.b_03_col_w .from_box form .form_inp textarea::placeholder {
  color: rgba(249, 255, 238, .15)
}
.b_row03_con.b_03_col_w .from_box form .sel_block {
  background-color: #003c25
}
.b_row03_con.b_03_col_w .from_box form .sel_block .sel_show span {
  color: #fff
}
@media screen and (orientation:landscape) {
  .b_row03_con.b_03_col_w .from_box form .sel_block .sel_show:hover span {
    color: #4c5b41
  }
}
.b_row03_con.b_03_col_w .from_box form .sel_block.on .sel_show span {
  color: #4c5b41
}
.b_row03_con.b_03_col_w .from_box form .sel_check_block {
  background-color: #003c25
}
.b_row03_con.b_03_col_w .from_box form .sel_check_block .sel_show span {
  color: #fff
}
@media screen and (orientation:landscape) {
  .b_row03_con.b_03_col_w .from_box form .sel_check_block .sel_show:hover span {
    color: #4c5b41
  }
}
.b_row03_con.b_03_col_w .from_box form .sel_check_block.on .sel_show span {
  color: #4c5b41
}
.b_row03_con.b_03_col_w .from_box form .file_input {
  background-color: #003c25;
  border-color: #005b38
}
.b_row03_con.b_03_col_w .from_box form .file_input .file_sty {
  color: #fff
}
.b_row03_con.b_03_col_w .from_box form .file_input .file_sty i {
  color: #9cd325
}
.b_row03_con.b_03_col_w .from_box form .file_input .pib_info {
  color: rgba(255, 255, 255, .2)
}
.b_row03_con.b_03_col_w .from_box form .b_row03_btm {
  margin-top: .64rem
}
.b_row03_con.b_03_col_w .from_box form .b_row03_btm .btn_sty {
  width: 100%
}
.com_tab_box {
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: .42rem;
  display: -ms-flexbox;
  display: flex
}
.com_tab_box span {
  height: .8rem;
  color: rgba(255, 255, 255, .3);
  cursor: pointer;
  border: 3px solid transparent;
  border-radius: .5rem;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .2rem .47rem;
  font-size: .24rem;
  font-weight: 700;
  transition: color .3s cubic-bezier(.435, .25, .15, .965), border-color .3s cubic-bezier(.435, .25, .15, .965);
  display: -ms-flexbox;
  display: flex
}
@media screen and (orientation:landscape) {
  .com_tab_box span:hover {
    color: #fff;
    border-color: #9cd325
  }
}
.com_tab_box span.on {
  color: #fff;
  border-color: #9cd325
}
.com_tab_box.col_g span {
  color: rgba(0, 73, 45, .3)
}
@media screen and (orientation:landscape) {
  .com_tab_box.col_g span:hover {
    color: #4c5b41;
    border-color: #9cd325
  }
}
.com_tab_box.col_g span.on {
  color: #4c5b41
}
@media screen and (orientation:landscape) {
  .com_tab_box.lb_tab_case .swiper-slide {
    width: auto
  }
}
.brand_body {
  color: #4c5b41;
  background-color: #fdfdfd;
  font-size: .16rem
}
.brand_body .brand_row01 {
  z-index: 2;
  padding-top: 1.17rem;
  padding-bottom: 0;
  position: relative
}
.brand_body .brand_row01 + .brand_row02 {
  z-index: 1;
  margin-top: -2.56rem
}
.brand_body .brand_row01 .b_row01_top {
  z-index: 2;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.brand_body .brand_row01 .b_row01_top .sel_block {
  background-color: #ebf4e4;
  border-radius: .5rem
}
.brand_body .brand_row01 .b_row01_top .sel_block .sel_sha {
  border-radius: .5rem
}
.brand_body .brand_row01 .b_row01_top .sel_block .sel_box {
  border-radius: 0 0 .35rem .35rem
}
.brand_body .brand_row01 .b_row01_top .sel_block .sel_show span {
  padding-left: .2rem;
  font-size: .2rem
}
.brand_body .brand_row01 .b_row01_top .sel_block .sel_show i {
  width: .4rem;
  text-align: left;
  padding-left: .1rem
}
.brand_body .brand_row01 .b_row01_top .sel_block.on .sel_sha {
  border-radius: .35rem !important
}
.brand_body .brand_row01 .b_row01_top .from_box .form_inp {
  width: 2.1rem;
  margin-right: .15rem
}
.brand_body .brand_row01 .b_row01_top .from_box .form_inp:first-child {
  width: 2.6rem
}
.brand_body .brand_row01 .b_row01_top .from_box .btn_sty {
  width: 1rem;
  border-radius: .5rem
}
.brand_body .brand_row01 .b_row01_top .from_box .btn_sty i {
  font-size: .24rem
}
.brand_body .brand_row01 .b_row01_top .from_box .btn_sty > span span {
  margin-right: .2rem;
  font-size: .24rem;
  display: none
}
.brand_body .brand_row01 .b_row01_top .btn_sel_boxs {
  margin-bottom: -.18rem
}
.brand_body .brand_row01 .b_row01_con {
  height: 5.8rem;
  background-color: #fff;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: .5rem;
  display: -ms-flexbox;
  display: flex
}
.brand_body .brand_row01 .b_row01_con .b_row01_left {
  width: 64.2857%;
  height: 100%
}
.brand_body .brand_row01 .b_row01_con .b_row01_left > div {
  width: 100%;
  height: 100%
}
.brand_body .brand_row01 .b_row01_con .b_row01_right {
  width: 35.7143%;
  height: 100%;
  padding: .12rem 0 .12rem .48rem
}
.brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list {
  height: 100%
}
.brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul {
  height: 100%;
  padding-right: .48rem;
  display: block;
  overflow-y: auto
}
.brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li {
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, .05);
  padding: .26rem 0;
  display: block
}
.brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li:last-child {
  border-bottom: none
}
.brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li .pub_title_h3 {
  color: #9cd325;
  font-size: .24rem;
  line-height: 1.25
}
.brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li .mark_box {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  margin-top: .15rem;
  display: -ms-flexbox;
  display: flex
}
.brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li .mark_box span {
  background-color: rgba(0, 73, 45, .05);
  border-radius: .6rem;
  margin-top: .05rem;
  margin-right: .05rem;
  padding: .04rem .13rem;
  font-size: .12rem;
  font-weight: 500;
  line-height: 1.43
}
.brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li .mark_box span:last-child {
  margin-right: 0
}
.brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li .pub_info, .brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li textarea, .brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li input {
  color: #55654b;
  border-width: 1px;
  margin-top: .12rem
}
@media screen and (orientation:landscape) {
  .brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li .pub_info, .brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li textarea, .brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li input {
    font-size: .14rem;
    line-height: 1.71429
  }
}
.brand_body .brand_row01 .b_row01_con .b_row01_right .btn_sty {
  width: 100%;
  height: .49rem;
  color: #4c5b41;
  border-width: 1px;
  border-color: rgba(0, 73, 45, .4);
  border-radius: .05rem;
  margin-top: .13rem
}
.brand_body .brand_row01 .b_row01_con .b_row01_right .btn_sty span {
  padding-left: 0;
  font-family: PingFang SC, Noto Sans SC, Source Han Serif SC, Microsoft YaHei, sans-serif;
  font-size: .16rem;
  font-weight: 500
}
@media screen and (orientation:landscape) {
  .brand_body .brand_row01 .b_row01_con .b_row01_right .btn_sty:hover {
    color: #fff;
    border-color: #4c5b41
  }
}
.brand_body .brand_row05 {
  z-index: 2;
  margin-top: -.8rem;
  padding-top: 1.8rem;
  padding-bottom: 1rem;
  position: relative
}
.brand_body .brand_row05 .mark_zw {
  margin-top: -1.8rem
}
.brand_body .brand_row05 + .brand_row02 {
  z-index: 1;
  margin-top: -1.5rem
}
.brand_body .brand_row05 .inq_con {
  height: 1.1rem;
  background: #fff;
  border: 1px solid #9cd325;
  border-radius: .1rem;
  margin-top: .4rem;
  overflow: hidden
}
.brand_body .brand_row05 .inq_con form {
  width: 100%;
  height: 100%;
  position: relative
}
.brand_body .brand_row05 .inq_con form input {
  width: 100%;
  height: 100%;
  text-align: center;
  color: #4c5b41;
  border: none;
  outline: none;
  padding: .1rem 2.48rem;
  font-size: .24rem;
  display: block
}
.brand_body .brand_row05 .inq_con form input::-ms-input-placeholder {
  color: #4c5b41;
  font-weight: 400
}
.brand_body .brand_row05 .inq_con form input::placeholder {
  color: #4c5b41;
  font-weight: 400
}
.brand_body .brand_row05 .inq_con form a {
  width: 2rem;
  height: .82rem;
  border-radius: .8rem;
  position: absolute;
  top: 50%;
  right: .15rem;
  transform: translateY(-50%)
}
.brand_body .brand_row05 .inq_con form a span {
  font-size: .22rem
}
.brand_body .brand_row05 .inq_con form a span i {
  margin-right: .17rem;
  font-size: .24rem
}
.brand_body .inq_sha, .brand_body .tel_sha {
  z-index: 998;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s cubic-bezier(.435, .25, .15, .965);
  position: fixed;
  top: 0;
  left: 0
}
.brand_body .inq_sha .sha_bg, .brand_body .tel_sha .sha_bg {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .3);
  position: absolute;
  top: 0;
  left: 0
}
.brand_body .inq_sha .inq_sha_con, .brand_body .tel_sha .inq_sha_con {
  width: 29.6875vw;
  min-height: 18.4896vw;
  background: #f0f8e3;
  border: 3px solid #9cd325;
  border-radius: 10px;
  padding-bottom: .72917vw;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.brand_body .inq_sha .inq_sha_con .inq_title, .brand_body .tel_sha .inq_sha_con .inq_title {
  width: 2rem;
  height: .52rem;
  color: #4c5b41;
  background: #9cd325;
  border-radius: .3rem;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .2rem;
  font-weight: 700;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%)
}
.brand_body .inq_sha .inq_sha_con .inq_j, .brand_body .tel_sha .inq_sha_con .inq_j {
  width: 100%;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  display: none
}
.brand_body .inq_sha .inq_sha_con .inq_j i, .brand_body .tel_sha .inq_sha_con .inq_j i {
  width: .6rem;
  height: .6rem;
  color: #f0f8e3;
  border-radius: 50%;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .24rem;
  display: -ms-flexbox;
  display: flex
}
.brand_body .inq_sha .inq_sha_con .inq_j h4, .brand_body .tel_sha .inq_sha_con .inq_j h4 {
  color: #4c5b41;
  margin-top: .2rem;
  font-size: .36rem;
  font-weight: 700;
  line-height: 1
}
.brand_body .inq_sha .inq_sha_con .inq_j.inq_confirm, .brand_body .tel_sha .inq_sha_con .inq_j.inq_confirm {
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: .6rem 0 .4rem
}
.brand_body .inq_sha .inq_sha_con .inq_j.inq_confirm i, .brand_body .tel_sha .inq_sha_con .inq_j.inq_confirm i {
  background-color: #9cd325
}
.brand_body .inq_sha .inq_sha_con .inq_j.inq_confirm .i_con_case, .brand_body .tel_sha .inq_sha_con .inq_j.inq_confirm .i_con_case {
  width: 100%;
  color: #4c5b41;
  text-align: center;
  margin-top: .4rem
}
.brand_body .inq_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_tbody, .brand_body .tel_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_tbody {
  padding-left: .5rem;
  padding-right: .5rem;
  overflow-y: auto
}
.brand_body .inq_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_tbody::-webkit-scrollbar, .brand_body .tel_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_tbody::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(0, 101, 59, .6)
}
.brand_body .inq_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_tbody::-webkit-scrollbar-thumb, .brand_body .tel_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_tbody::-webkit-scrollbar-thumb {
  width: 4px;
  cursor: pointer;
  background-color: #9cd325
}
.brand_body .inq_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_th, .brand_body .tel_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_th {
  padding-left: .5rem;
  padding-right: .5rem;
  font-weight: 600
}
.brand_body .inq_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_tr, .brand_body .tel_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_tr {
  font-weight: 400
}
.brand_body .inq_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_th, .brand_body .inq_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_tr, .brand_body .tel_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_th, .brand_body .tel_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_tr {
  font-size: .18rem;
  line-height: 1.2;
  display: -ms-flexbox;
  display: flex
}
.brand_body .inq_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_th span, .brand_body .inq_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_tr span, .brand_body .tel_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_th span, .brand_body .tel_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_tr span {
  width: 69%;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: .1rem;
  padding-bottom: .1rem;
  display: -ms-flexbox;
  display: flex
}
.brand_body .inq_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_th span:nth-child(2), .brand_body .inq_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_tr span:nth-child(2), .brand_body .tel_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_th span:nth-child(2), .brand_body .tel_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_tr span:nth-child(2) {
  width: 31%;
  padding-left: .2rem
}
.brand_body .inq_sha .inq_sha_con .inq_j.inq_deny i, .brand_body .tel_sha .inq_sha_con .inq_j.inq_deny i {
  background-color: #ed4d3c;
  font-size: .22rem
}
.brand_body .inq_sha .inq_sha_con .inq_j.on, .brand_body .tel_sha .inq_sha_con .inq_j.on {
  display: -ms-flexbox;
  display: flex
}
.brand_body .inq_sha .inq_sha_con .btn_dot, .brand_body .tel_sha .inq_sha_con .btn_dot {
  width: .6rem;
  height: .6rem;
  background-color: transparent;
  border-width: 2px;
  border-color: #fff;
  margin-left: -.3rem;
  position: absolute;
  top: calc(100% + .22rem);
  left: 50%
}
.brand_body .inq_sha .inq_sha_con .btn_dot span, .brand_body .tel_sha .inq_sha_con .btn_dot span {
  font-size: .16rem
}
@media screen and (orientation:landscape) {
  .brand_body .inq_sha .inq_sha_con .btn_dot:hover, .brand_body .tel_sha .inq_sha_con .btn_dot:hover {
    border-color: #55654b
  }
}
.brand_body .inq_sha.on, .brand_body .tel_sha.on {
  opacity: 1;
  pointer-events: auto
}
.brand_body .tel_sha .inq_sha_con .inq_title {
  color: #fff
}
.brand_body .tel_sha .from_box {
  width: calc(100% - 1.2rem)
}
.brand_body .tel_sha .from_box form {
  width: 100%;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}
.brand_body .tel_sha .from_box form .form_inp {
  width: 100%;
  margin-top: 0
}
.brand_body .tel_sha .from_box form .form_inp .inp_case input {
  height: .7rem;
  background-color: #fff
}
.brand_body .tel_sha .from_box form .form_inp .inp_case input:focus + .inp_sha + label {
  color: #4c5b41
}
.brand_body .tel_sha .from_box form .form_inp .inp_case .inp_sha {
  border-color: #4c5b41
}
.brand_body .tel_sha .from_box form .btn_sty {
  height: .6rem;
  margin-top: .25rem
}
.brand_body .brand_row02 {
  margin-top: .7rem;
  padding-top: 3.85rem;
  padding-bottom: 1.78rem;
  position: relative
}
.brand_body .brand_row02 .bg_img_case {
  padding-top: .7rem
}
.brand_body .brand_row02 .bg_img_case .line_img {
  width: 100%;
  top: .1rem;
  left: 0
}
.brand_body .brand_row02 .bg_img_case .line_img.z-1 {
  top: -.2rem
}
.brand_body .brand_row02 .b_row02_top {
  color: #fff;
  padding-top: .08rem
}
.brand_body .brand_row02 .b_row02_top .pub_title_en {
  color: #fff;
  margin-top: .04rem
}
.brand_body .brand_row02 .b_row02_con {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: .6rem;
  display: -ms-flexbox;
  display: flex
}
.brand_body .brand_row02 .b_row02_con .b_row02_block {
  width: calc(50% - .5rem);
  height: 4.2rem;
  background: #fbfff5;
  border-radius: .1rem;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: .47rem .45rem .4rem .42rem;
  display: -ms-flexbox;
  display: flex
}
.brand_body .brand_row02 .b_row02_con .b_row02_block .b_row02_n {
  border-bottom: 1px solid rgba(0, 73, 45, .1);
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-bottom: .53rem;
  display: -ms-flexbox;
  display: flex
}
.brand_body .brand_row02 .b_row02_con .b_row02_block .b_row02_n .pub_img_box {
  width: .7rem
}
.brand_body .brand_row02 .b_row02_con .b_row02_block .b_row02_n .pub_img_box > img {
  object-fit: contain;
  object-position: right center
}
.brand_body .brand_row02 .b_row02_con .b_row02_block .b_row02_n .b_row02_left {
  width: calc(100% - 1.2rem)
}
.brand_body .brand_row02 .b_row02_con .b_row02_block .b_row02_n .b_row02_left > span {
  color: #9cd325;
  font-size: .14rem;
  line-height: 1;
  display: block
}
.brand_body .brand_row02 .b_row02_con .b_row02_block .b_row02_n .b_row02_left .pub_title_h4 {
  margin-top: .25rem
}
@media screen and (orientation:landscape) {
  .brand_body .brand_row02 .b_row02_con .b_row02_block .b_row02_n .b_row02_left .pub_title_h4 {
    font-size: .3rem;
    line-height: 1
  }
}
.brand_body .brand_row02 .b_row02_con .b_row02_block .pub_info, .brand_body .brand_row02 .b_row02_con .b_row02_block .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .brand_body .brand_row02 .b_row02_con .b_row02_block textarea, .brand_body .brand_row02 .b_row02_con .b_row02_block .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .brand_body .brand_row02 .b_row02_con .b_row02_block input {
  font-weight: initial
}
@media screen and (orientation:landscape) {
  .brand_body .brand_row02 .b_row02_con .b_row02_block .pub_info, .brand_body .brand_row02 .b_row02_con .b_row02_block .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .brand_body .brand_row02 .b_row02_con .b_row02_block textarea, .brand_body .brand_row02 .b_row02_con .b_row02_block .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .brand_body .brand_row02 .b_row02_con .b_row02_block input {
    letter-spacing: -.03em;
    font-size: .18rem;
    line-height: 1.666
  }
}
.brand_body .brand_row03 {
  z-index: 2;
  padding-top: 1.3rem;
  padding-bottom: 1rem;
  position: relative
}
.brand_body .brand_row03 + .brand_row04 {
  z-index: 1;
  margin-top: -1.85rem
}
.brand_body .brand_row03 .b_row03_top {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex
}
.brand_body .brand_row03 .b_row03_top .pub_title_en {
  color: #4c5b41;
  margin-bottom: -.33rem
}
.brand_body .brand_row03 .b_row03_con {
  margin-top: .77rem
}
@media screen and (orientation:landscape) {
  .brand_body .brand_row03 .b_row03_con .from_box form .sel_block, .brand_body .brand_row03 .b_row03_con .from_box form .sel_check_block, .brand_body .brand_row03 .b_row03_con .from_box form .b_row03_btm .btn_sty {
    height: .7rem
  }
}
.brand_body .brand_row04 {
  z-index: 1;
  color: #fff;
  margin-top: .7rem;
  padding-top: 4rem;
  padding-bottom: 1.78rem;
  position: relative
}
.brand_body .brand_row04 .bg_img_case {
  padding-top: .7rem
}
.brand_body .brand_row04 .bg_img_case .line_img {
  width: 100%;
  top: -.5rem;
  left: 0
}
.brand_body .brand_row04 .bg_img_case .line_img.z-1 {
  top: .2rem
}
.brand_body .brand_row04 .b_row04_top {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex
}
.brand_body .brand_row04 .b_row04_top .b_row04_right .pub_info, .brand_body .brand_row04 .b_row04_top .b_row04_right .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .brand_body .brand_row04 .b_row04_top .b_row04_right textarea, .brand_body .brand_row04 .b_row04_top .b_row04_right .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .brand_body .brand_row04 .b_row04_top .b_row04_right input {
  font-weight: initial;
  display: none
}
@media screen and (orientation:landscape) {
  .brand_body .brand_row04 .b_row04_top .b_row04_right .pub_info, .brand_body .brand_row04 .b_row04_top .b_row04_right .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .brand_body .brand_row04 .b_row04_top .b_row04_right textarea, .brand_body .brand_row04 .b_row04_top .b_row04_right .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .brand_body .brand_row04 .b_row04_top .b_row04_right input {
    letter-spacing: -.03em;
    width: 5.38rem;
    margin-bottom: -.07rem;
    font-size: .15rem;
    line-height: 1.7333
  }
}
.brand_body .brand_row04 .b_row04_top .b_row04_right .pub_info.on, .brand_body .brand_row04 .b_row04_top .b_row04_right .from_box form .form_inp .inp_case textarea.on, .from_box form .form_inp .inp_case .brand_body .brand_row04 .b_row04_top .b_row04_right textarea.on, .brand_body .brand_row04 .b_row04_top .b_row04_right .from_box form .form_inp .inp_case input.on, .from_box form .form_inp .inp_case .brand_body .brand_row04 .b_row04_top .b_row04_right input.on {
  display: block
}
.brand_body .brand_row04 .b_row03_con {
  margin-top: .62rem
}
@media screen and (orientation:landscape) {
  .brand_body .brand_row04 .b_row03_con .from_box form .sel_block {
    height: .7rem
  }
  .brand_body .brand_row04 .b_row03_con .from_box form .b_row03_left .form_inp {
    margin-bottom: .2rem
  }
  .brand_body .brand_row04 .b_row03_con .from_box form .b_row03_left .form_inp input {
    height: .7rem
  }
  .brand_body .brand_row04 .b_row03_con .from_box form .b_row03_left .form_inp .sel_boxs + .inp_case {
    margin-top: .07rem
  }
  .brand_body .brand_row04 .b_row03_con .from_box form .b_row03_right .form_inp:nth-child(2n) {
    padding-top: .23rem
  }
  .brand_body .brand_row04 .b_row03_con .from_box form .b_row03_btm {
    margin-top: .52rem
  }
  .brand_body .brand_row04 .b_row03_con .from_box form .b_row03_btm .btn_sty {
    height: .7rem
  }
}
.mask_img {
  width: 8.98rem;
  position: relative
}
.mask_img > img {
  opacity: 0;
  transform-origin: 0 100%;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(.8)rotate(5deg)
}
.mask_img .pub_img_box {
  z-index: 2;
  background-color: #4c5b41;
  position: relative;
  -webkit-mask-image: url("../images/a002_0.cf2505da.png");
  mask-image: url("../images/a002_0.cf2505da.png");
  -webkit-mask-position: 0 100%;
  mask-position: 0 100%;
  -webkit-mask-size: 0 0;
  mask-size: 0 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}
.mask_img .pub_img_box:before {
  margin-top: 68.931%
}
.mask_img .pub_img_box img {
  height: calc(100% + .6rem);
  margin-top: -.3rem
}
.mask_img.mask_img_b > img {
  margin-top: .63rem;
  margin-left: .41rem;
  transform: scale(.8)rotate(-5deg)
}
.mask_img.mask_img_t {
  margin-left: .47rem
}
.mask_img.mask_img_t > img {
  margin-top: 0;
  margin-left: -.47rem;
  top: -.05rem;
  transform: translate(.6rem)scale(.8)rotate(5deg)
}
.mask_img.mask_img_l > img {
  transform-origin: 100% 95%;
  margin-top: .06rem;
  margin-left: -.29rem;
  top: 0;
  transform: translate(.5rem)scale(.8)rotate(1deg)
}
.mask_img.mask_img_l .pub_img_box {
  -webkit-mask-position: 100% 100%;
  mask-position: 100% 100%
}
.mask_img.go > img {
  opacity: 1;
  transition: opacity .5s cubic-bezier(.435, .25, .15, .965) .7s, transform .5s cubic-bezier(.435, .25, .15, .965) .7s;
  transform: none !important
}
.mask_img.go .pub_img_box {
  animation: 1.2s cubic-bezier(.435, .25, .15, .965) forwards maskA
}
.pub_info_en {
  color: rgba(6, 36, 24, .2);
  font-size: .12rem;
  line-height: 1.5
}
.step_nav03 {
  margin-top: .25rem
}
.step_nav03.swiper {
  width: calc(100% + 3rem);
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  overflow: visible
}
.step_nav03 .swiper-slide {
  width: auto;
  cursor: pointer;
  position: relative
}
.step_nav03 .swiper-slide:before, .step_nav03 .swiper-slide:after {
  content: "";
  width: 50%;
  height: 1px;
  background-image: linear-gradient(90deg, #4c5b41 0%, #4c5b41 20%, transparent 20%);
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: 10px 1px;
  display: block;
  position: absolute;
  top: .02rem
}
.step_nav03 .swiper-slide:before {
  left: 0
}
.step_nav03 .swiper-slide:after {
  right: 0
}
.step_nav03 .swiper-slide:first-child:before, .step_nav03 .swiper-slide:last-child:after {
  display: none
}
.step_nav03 .swiper-slide > div {
  text-align: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}
.step_nav03 .swiper-slide > div .dot_sty {
  width: .02rem;
  height: .05rem;
  background-color: #4c5b41;
  position: relative
}
.step_nav03 .swiper-slide > div .dot_sty:before {
  content: "";
  width: .62rem;
  height: .62rem;
  border: .02rem solid #9cd325;
  border-radius: 50%;
  margin-top: -.31rem;
  margin-left: -.31rem;
  transition: transform .3s cubic-bezier(.435, .25, .15, .965);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: scale(0)
}
.step_nav03 .swiper-slide > div h6 {
  margin-top: .6rem;
  font-size: .2rem;
  font-weight: 700;
  line-height: 1;
  transition: color .3s cubic-bezier(.435, .25, .15, .965)
}
.step_nav03 .swiper-slide > div .pub_info, .step_nav03 .swiper-slide > div .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .step_nav03 .swiper-slide > div textarea, .step_nav03 .swiper-slide > div .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .step_nav03 .swiper-slide > div input {
  opacity: 0;
  pointer-events: none;
  margin-top: .28rem;
  line-height: 1.5;
  transition: opacity .3s cubic-bezier(.435, .25, .15, .965)
}
@media screen and (orientation:landscape) {
  .step_nav03 .swiper-slide > div .pub_info, .step_nav03 .swiper-slide > div .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .step_nav03 .swiper-slide > div textarea, .step_nav03 .swiper-slide > div .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .step_nav03 .swiper-slide > div input {
    text-align: left;
    font-size: .16rem
  }
  .step_nav03 .swiper-slide:hover > div .dot_sty:before {
    transform: none
  }
  .step_nav03 .swiper-slide:hover > div h6 {
    color: #9cd325 !important
  }
}
.step_nav03 .swiper-slide.on > div .dot_sty:before {
  transform: none
}
.step_nav03 .swiper-slide.on > div h6 {
  color: #9cd325 !important
}
.step_nav03 .swiper-slide.on > div .pub_info, .step_nav03 .swiper-slide.on > div .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .step_nav03 .swiper-slide.on > div textarea, .step_nav03 .swiper-slide.on > div .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .step_nav03 .swiper-slide.on > div input {
  opacity: 1;
  pointer-events: all
}
.sha_btm_box {
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: .52rem;
  padding-top: .28rem;
  padding-bottom: .54rem;
  display: -ms-flexbox;
  display: flex
}
.sha_btm_box .btn_icon {
  cursor: pointer;
  z-index: 2;
  width: .8rem;
  height: .8rem;
  background-color: rgba(227, 238, 208, .08);
  border-radius: .15rem;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: .36rem;
  transition: background-color .3s cubic-bezier(.435, .25, .15, .965);
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.sha_btm_box .btn_icon:last-child {
  margin-right: 0
}
.sha_btm_box .btn_icon i {
  color: #fff;
  font-size: .28rem
}
.sha_btm_box .btn_icon .code_box {
  width: 1.8rem;
  opacity: 0;
  pointer-events: none;
  background-color: #fff;
  border-radius: .1rem;
  margin-left: -.9rem;
  padding: .2rem;
  transition: opacity .3s cubic-bezier(.435, .25, .15, .965);
  position: absolute;
  top: calc(100% + .2rem);
  left: 50%
}
.sha_btm_box .btn_icon .code_box:before {
  content: "";
  width: .14rem;
  height: .14rem;
  background-color: #fff;
  margin-top: -.07rem;
  margin-left: -.07rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: rotate(45deg)
}
.sha_btm_box .btn_icon .code_box img {
  width: 100%;
  display: block
}
.sha_btm_box .btn_icon:hover {
  z-index: 4;
  background-color: #9cd325
}
.sha_btm_box .btn_icon:hover .code_box {
  pointer-events: auto;
  opacity: 1
}
.sha_btm_box.col_g {
  border-bottom-color: rgba(0, 73, 45, .1)
}
.sha_btm_box.col_g .btn_icon {
  background-color: #ebf5e1
}
.sha_btm_box.col_g .btn_icon i {
  color: #4c5b41
}
.sha_btm_box.col_g .btn_icon:hover {
  background-color: #9cd325
}
.step_02_case {
  margin-top: .35rem
}
.step_02_case .step_02 {
  width: 6rem;
  height: 6rem;
  margin: 0 auto;
  position: relative
}
.step_02_case .step_02 > img {
  width: 265.93%;
  z-index: 1;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.step_02_case .step_02 .step_02_con {
  width: 100%;
  height: 100%;
  z-index: 3;
  border: 4px solid #4c5b41;
  border-radius: 100%;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: .72rem;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.step_02_case .step_02 .step_02_con i {
  color: #9cd325;
  font-size: .95rem;
  line-height: 1
}
.step_02_case .step_02 .step_02_con .pub_title_en {
  margin-top: .15rem
}
@media screen and (orientation:landscape) {
  .step_02_case .step_02 .step_02_con .pub_title_en {
    font-size: 1rem
  }
}
.step_02_case .step_02 .step_02_con .pub_title_h3 {
  margin-top: -.02rem
}
@media screen and (orientation:landscape) {
  .step_02_case .step_02 .step_02_con .pub_title_h3 {
    font-size: .36rem
  }
}
.step_02_case .step_02 .dot_quan {
  width: 100%;
  height: 100%;
  z-index: 4;
  -webkit-clip-path: polygon(50% 50%, 100% 0, 100% 0, 100% 0, 100% 0, 100% 0);
  clip-path: polygon(50% 50%, 100% 0, 100% 0, 100% 0, 100% 0, 100% 0);
  border: 4px solid #9cd325;
  border-radius: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0
}
.step_02_case .step_02 .dot_quan.on {
  animation: 12s linear forwards clipP
}
@keyframes clipP {
  0% {
    -webkit-clip-path: polygon(50% 50%, 100% 0, 100% 0, 100% 0, 100% 0, 100% 0);
    clip-path: polygon(50% 50%, 100% 0, 100% 0, 100% 0, 100% 0, 100% 0)
  }
  25% {
    -webkit-clip-path: polygon(50% 50%, 100% 0, 100% 100%, 100% 100%, 100% 100%, 100% 100%);
    clip-path: polygon(50% 50%, 100% 0, 100% 100%, 100% 100%, 100% 100%, 100% 100%)
  }
  50% {
    -webkit-clip-path: polygon(50% 50%, 100% 0, 100% 100%, 0 100%, 0 100%, 0 100%);
    clip-path: polygon(50% 50%, 100% 0, 100% 100%, 0 100%, 0 100%, 0 100%)
  }
  75% {
    -webkit-clip-path: polygon(50% 50%, 100% 0, 100% 100%, 0 100%, 0 0, 0 0);
    clip-path: polygon(50% 50%, 100% 0, 100% 100%, 0 100%, 0 0, 0 0)
  }
  to {
    -webkit-clip-path: polygon(50% 50%, 100% 0, 100% 100%, 0 100%, 0 0, 100% 0);
    clip-path: polygon(50% 50%, 100% 0, 100% 100%, 0 100%, 0 0, 100% 0)
  }
}
.step_02_case .step_02 .step_con_case {
  width: 100%;
  height: 100%;
  z-index: 4;
  position: absolute;
  top: 0;
  left: 0
}
.step_02_case .step_02 .step_con_case .step_block {
  width: 50%;
  height: 0;
  transform-origin: 0;
  transition: color .3s cubic-bezier(.435, .25, .15, .965);
  position: absolute;
  top: 50%;
  left: 50%
}
.step_02_case .step_02 .step_con_case .step_block .icon_con {
  width: 1rem;
  height: 1rem;
  margin-top: -.5rem;
  margin-left: -.5rem;
  position: absolute;
  top: 50%;
  left: 100%
}
.step_02_case .step_02 .step_con_case .step_block .icon_con .icon_det {
  width: 100%;
  height: 100%;
  background-color: #4c5b41;
  border-radius: 100%;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  transition: background-color .3s cubic-bezier(.435, .25, .15, .965), transform .3s cubic-bezier(.435, .25, .15, .965);
  display: -ms-flexbox;
  display: flex;
  transform: scale(.35)
}
.step_02_case .step_02 .step_con_case .step_block .icon_con .icon_det i {
  color: #fff;
  font-size: .36rem
}
.step_02_case .step_02 .step_con_case .step_block .icon_con .icon_det i:nth-child(2) {
  display: none
}
.step_02_case .step_02 .step_con_case .step_block .icon_con .icon_det i:nth-child(1) {
  transform: scale(.6)
}
.step_02_case .step_02 .step_con_case .step_block .icon_con .icon_txt {
  transform-origin: -.75rem;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: .2rem;
  line-height: 1;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  left: calc(100% + .26rem);
  transform: translateY(-50%)
}
.step_02_case .step_02 .step_con_case .step_block .icon_con .icon_txt h6 {
  width: 2.5rem;
  font-weight: 700;
  font-size: inherit;
  margin-top: .09rem
}
.step_02_case .step_02 .step_con_case .step_block.tex_right .icon_con .icon_txt {
  text-align: right;
  transform-origin: calc(100% + .75rem);
  left: auto;
  right: calc(100% + .26rem)
}
.step_02_case .step_02 .step_con_case .step_block.txt_bottom .icon_con .icon_txt {
  text-align: center;
  transform-origin: 50% -.75rem;
  top: calc(100% + .26rem);
  left: 50%
}
.step_02_case .step_02 .step_con_case .step_block.txt_top .icon_con .icon_txt {
  text-align: center;
  transform-origin: 50% calc(100% + .75rem);
  top: auto;
  bottom: calc(100% + .26rem);
  left: 50%
}
.step_02_case .step_02 .step_con_case .step_block.on {
  color: #9cd325 !important
}
.step_02_case .step_02 .step_con_case .step_block.on .icon_con .icon_det {
  transform: scale(1);
  background-color: #9cd325 !important
}
.step_02_case .step_02 .step_con_case .step_block.on .icon_con .icon_det i:nth-child(2) {
  display: block
}
.step_02_case .step_02 .step_con_case .step_block.on .icon_con .icon_det i:nth-child(1) {
  display: none
}
.step_02_case.col_w {
  color: #6b6b6b
}
.step_02_case.col_w .step_02 .step_02_con {
  border-color: #e6e6e6
}
.step_02_case.col_w .step_02 .step_02_con .pub_title_en {
  color: #fff
}
.step_02_case.col_w .step_02 .step_con_case .step_block .icon_con .icon_det {
  background-color: #fff
}
.step_02_case.col_w .step_02 .step_con_case .step_block .icon_con .icon_det i {
  color: #8b8b8b
}
.join_body {
  color: #4c5b41;
  background-color: #fdfdfd;
  font-size: .16rem
}
.join_body .pub_title_en {
  color: #4c5b41
}
.join_body .join_row01 {
  z-index: 2;
  padding-top: 1.45rem;
  padding-bottom: 1rem;
  position: relative
}
.join_body .join_row01 + .join_row02 {
  z-index: 1;
  margin-top: -.86rem
}
.join_body .join_row01 .pub_case {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex
}
.join_body .join_row01 .pub_case .j_row01_left {
  width: 5.2rem
}
.join_body .join_row01 .pub_case .j_row01_left .con_con {
  padding-top: .48rem
}
.join_body .join_row01 .pub_case .j_row01_left .con_con .con_block {
  border: 1px solid #9cd325;
  border-radius: .1rem;
  -ms-flex-align: center;
  align-items: center;
  margin-top: .47rem;
  padding: .4rem .45rem .5rem;
  display: -ms-flexbox;
  display: flex
}
.join_body .join_row01 .pub_case .j_row01_left .con_con .con_block .pub_img_box {
  width: .46rem
}
.join_body .join_row01 .pub_case .j_row01_left .con_con .con_block .pub_img_box img {
  object-fit: contain;
  object-position: left center
}
.join_body .join_row01 .pub_case .j_row01_left .con_con .con_block .con_txt {
  width: calc(100% - .46rem);
  padding-left: .5rem
}
.join_body .join_row01 .pub_case .j_row01_left .con_con .con_block .con_txt h5 {
  font-size: .2rem;
  line-height: 1
}
.join_body .join_row01 .pub_case .j_row01_left .con_con .con_block .con_txt .pub_info, .join_body .join_row01 .pub_case .j_row01_left .con_con .con_block .con_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .join_body .join_row01 .pub_case .j_row01_left .con_con .con_block .con_txt textarea, .join_body .join_row01 .pub_case .j_row01_left .con_con .con_block .con_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .join_body .join_row01 .pub_case .j_row01_left .con_con .con_block .con_txt input {
  margin-top: .2rem
}
@media screen and (orientation:landscape) {
  .join_body .join_row01 .pub_case .j_row01_left .con_con .con_block .con_txt .pub_info, .join_body .join_row01 .pub_case .j_row01_left .con_con .con_block .con_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .join_body .join_row01 .pub_case .j_row01_left .con_con .con_block .con_txt textarea, .join_body .join_row01 .pub_case .j_row01_left .con_con .con_block .con_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .join_body .join_row01 .pub_case .j_row01_left .con_con .con_block .con_txt input {
    font-size: .3rem;
    line-height: 1
  }
}
.join_body .join_row01 .pub_case .j_row01_right {
  margin-right: -1rem
}
.join_body .join_row02 {
  padding-top: 3.4rem;
  padding-bottom: 1.4rem;
  position: relative
}
.join_body .join_row02 .com_tab_box {
  margin-top: 0
}
.join_body .join_row02 .com_tab_box span {
  margin-right: .2rem;
  padding: .2rem .38rem
}
.join_body .join_row02 .j_row02_case {
  margin-top: .08rem
}
.join_body .join_row02 .j_row02_case .j_row02_box {
  display: none
}
.join_body .join_row02 .j_row02_case .j_row02_box.on {
  display: block
}
.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block {
  border-bottom: 1px solid rgba(0, 57, 35, .2);
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-top: .68rem;
  padding-bottom: .63rem;
  display: -ms-flexbox;
  display: flex
}
.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block:last-child {
  border-bottom: none
}
.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .btn_sty {
  width: 2.5rem;
  height: .66rem;
  border-radius: .5rem
}
.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt {
  width: calc(100% - 3rem)
}
.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .pub_title_h4 {
  font-size: .36rem;
  line-height: 1
}
.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .pub_mis {
  color: #9cd325;
  margin-top: .17rem;
  font-size: .18rem;
  line-height: 1
}
.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .pub_info, .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt textarea, .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt input {
  margin-top: .58rem;
  overflow: hidden
}
@media screen and (orientation:landscape) {
  .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .pub_info, .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt textarea, .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt input {
    font-size: .16rem;
    font-weight: initial;
    line-height: 1.875
  }
}
.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .pub_info > div, .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .from_box form .form_inp .inp_case textarea > div, .from_box form .form_inp .inp_case .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt textarea > div, .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .from_box form .form_inp .inp_case input > div, .from_box form .form_inp .inp_case .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt input > div {
  line-height: inherit;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex
}
.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .pub_info > div p, .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .from_box form .form_inp .inp_case textarea > div p, .from_box form .form_inp .inp_case .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt textarea > div p, .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .from_box form .form_inp .inp_case input > div p, .from_box form .form_inp .inp_case .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt input > div p {
  width: calc(100% - 5em);
  line-height: inherit
}
.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .pub_info b, .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .from_box form .form_inp .inp_case textarea b, .from_box form .form_inp .inp_case .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt textarea b, .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .from_box form .form_inp .inp_case input b, .from_box form .form_inp .inp_case .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt input b {
  width: 5em;
  line-height: inherit
}
.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .pub_info.n_all, .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .from_box form .form_inp .inp_case textarea.n_all, .from_box form .form_inp .inp_case .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt textarea.n_all, .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .from_box form .form_inp .inp_case input.n_all, .from_box form .form_inp .inp_case .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt input.n_all {
  max-height: 13.125em
}
.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .pub_info.n_all + .btn_aj_more, .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .from_box form .form_inp .inp_case textarea.n_all + .btn_aj_more, .from_box form .form_inp .inp_case .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt textarea.n_all + .btn_aj_more, .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .from_box form .form_inp .inp_case input.n_all + .btn_aj_more, .from_box form .form_inp .inp_case .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt input.n_all + .btn_aj_more {
  display: -ms-flexbox;
  display: flex
}
.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .btn_aj_more {
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: .08rem;
  padding-left: 5em;
  display: none
}
@media screen and (orientation:landscape) {
  .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .btn_aj_more {
    font-size: .16rem
  }
  .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .btn_aj_more span {
    font-family: NotoSansDisplay
  }
}
.join_body .join_row02 .j_row02_case.sty_p {
  position: relative
}
.join_body .join_row02 .j_row02_case.sty_p .j_row02_box {
  opacity: 0;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0
}
.join_body .join_row02 .j_row02_case.sty_p .j_row02_box:nth-child(1) {
  opacity: 1;
  position: relative
}
.join_body .join_row03 {
  z-index: 2;
  padding-top: 1.95rem;
  padding-bottom: 1rem;
  position: relative
}
.join_body .join_row03 + .join_row04 {
  z-index: 1;
  margin-top: -2.24rem
}
.join_body .join_row03 .pub_case {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex
}
.join_body .join_row03 .pub_case .j_row03_left {
  width: 9.55rem;
  position: relative
}
.join_body .join_row03 .pub_case .j_row03_left .pub_title_en {
  width: 100%;
  z-index: 3;
  position: absolute;
  top: -.5rem;
  left: .06rem
}
@media screen and (orientation:landscape) {
  .join_body .join_row03 .pub_case .j_row03_left .pub_title_en {
    font-size: 1rem
  }
  .join_body .join_row03 .pub_case .j_row03_left .pub_title_en h2 {
    letter-spacing: 0
  }
}
.join_body .join_row03 .pub_case .j_row03_left .j_row03_img {
  width: 9.08rem
}
.join_body .join_row03 .pub_case .j_row03_right {
  width: 6.8rem;
  margin-top: 4.58rem;
  margin-left: -1.26rem;
  margin-right: -1rem
}
@media screen and (orientation:landscape) {
  .join_body .join_row03 .pub_case .j_row03_right .pub_title_h3 {
    font-size: .6rem;
    line-height: 1
  }
}
.join_body .join_row03 .pub_case .j_row03_right .pub_info, .join_body .join_row03 .pub_case .j_row03_right .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .join_body .join_row03 .pub_case .j_row03_right textarea, .join_body .join_row03 .pub_case .j_row03_right .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .join_body .join_row03 .pub_case .j_row03_right input {
  color: #062418;
  text-align: justify;
  margin-top: .55rem
}
@media screen and (orientation:landscape) {
  .join_body .join_row03 .pub_case .j_row03_right .pub_info, .join_body .join_row03 .pub_case .j_row03_right .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .join_body .join_row03 .pub_case .j_row03_right textarea, .join_body .join_row03 .pub_case .j_row03_right .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .join_body .join_row03 .pub_case .j_row03_right input {
    line-height: 1.666;
    font-weight: initial
  }
}
.join_body .join_row03 .pub_case .j_row03_right .pub_info_en {
  margin-top: .2rem
}
.join_body .join_row04 {
  color: #fff;
  padding-top: 4rem;
  padding-bottom: 2.36rem;
  position: relative;
  overflow: hidden
}
.join_body .join_row04 .pub_title_en {
  color: #fff
}
.join_body .join_row04 .com_tab_box {
  margin-top: 0;
  margin-bottom: -.28rem;
  margin-right: -1.4rem
}
.join_body .join_row04 .com_tab_box span {
  padding: .2rem .38rem
}
.join_body .join_row04 .j_row04_top {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex
}
.join_body .join_row04 .j_row04_con {
  margin-top: .7rem
}
.join_body .join_row04 .j_row04_con .j_row04_case {
  display: none
}
.join_body .join_row04 .j_row04_con .j_row04_case.on {
  display: block
}
.join_body .join_row04 .j_row04_con .j_row04_case .swiper {
  width: 12rem;
  overflow: visible
}
.join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide {
  border-radius: .1rem;
  display: block;
  position: relative;
  overflow: hidden
}
.join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .pub_img_box:before {
  margin-top: 56.6667%
}
.join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .j_row04_txt {
  width: 100%;
  z-index: 3;
  padding: .47rem .58rem;
  position: absolute;
  bottom: 0
}
@media screen and (orientation:landscape) {
  .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .j_row04_txt .pub_title_h4 {
    font-size: .4rem;
    line-height: 1.2
  }
}
.join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .j_row04_txt .pub_info, .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .j_row04_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .j_row04_txt textarea, .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .j_row04_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .j_row04_txt input {
  margin-top: .17rem
}
@media screen and (orientation:landscape) {
  .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .j_row04_txt .pub_info, .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .j_row04_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .j_row04_txt textarea, .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .j_row04_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .j_row04_txt input {
    font-size: .16rem
  }
}
.join_body .join_row04 .j_row04_con .j_row04_case .swiper .page_btn {
  width: 131.666%;
  z-index: 4;
  pointer-events: none;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.join_body .join_row04 .j_row04_con .j_row04_case .swiper .page_btn > div {
  pointer-events: auto;
  margin: 0
}
.join_body .join_row04 .j_row04_con .j_row04_case .swiper .page_btn > div.swiper-button-next {
  background-color: #9cd325
}
.join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-pagination {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .18rem;
  line-height: 1;
  display: -ms-flexbox;
  display: flex;
  top: calc(100% + .44rem);
  bottom: auto
}
.join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-pagination span:nth-child(2) {
  margin: 0 .8em
}
.join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-pagination .on {
  color: #9cd325;
  font-weight: 700
}
.join_body .join_row05 {
  padding-top: 1.37rem;
  padding-bottom: 1.75rem
}
.join_body .join_row05 .j_row05_case {
  margin-top: 1.16rem;
  position: relative
}
.join_body .join_row05 .j_row05_case .pub_img_box {
  width: 1.82rem;
  margin-bottom: .63rem;
  margin-right: calc(33.3333% - 2.42667rem)
}
.join_body .join_row05 .j_row05_case .pub_img_box:nth-child(4n) {
  margin-right: 0
}
.join_body .join_row05 .j_row05_case .pub_img_box:before {
  margin-top: 39.5604%
}
.join_body .join_row05 .j_row05_case .pub_img_box img {
  object-fit: contain
}
.join_body .join_row05 .j_row05_case .swiper-slide {
  height: auto;
  font-size: 0
}
.join_body .join_row05 .j_row05_case .swiper-slide .pub_img_box {
  display: inline-block
}
.join_body .join_row05 .j_row05_case .swiper-pagination {
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  top: calc(100% + .38rem);
  bottom: auto
}
.join_body .join_row05 .j_row05_case .swiper-pagination span {
  width: .12rem;
  height: .12rem;
  opacity: 1;
  background-color: transparent;
  border: 1px solid #4c5b41;
  border-radius: 50%;
  margin: 0 .15rem
}
@media screen and (orientation:landscape) {
  .join_body .join_row05 .j_row05_case .swiper-pagination span:hover {
    background-color: #4c5b41
  }
}
.join_body .join_row05 .j_row05_case .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #4c5b41
}
.join_body .b_row03_con form {
  -ms-flex-pack: justify;
  justify-content: space-between
}
.join_body .b_row03_con form .form_inp {
  width: 6.74rem;
  margin-bottom: .28rem;
  padding: 0 0 0 1.24rem
}
.join_body .b_row03_con form .form_inp:first-child {
  width: 6.74rem
}
.join_body .b_row03_con form .form_inp.yzm_code {
  width: 5.44rem !important
}
.join_body .b_row03_con form .form_inp .inp_case input, .join_body .b_row03_con form .form_inp .inp_case textarea {
  background-color: #e3eed0
}
.join_body .b_row03_con form .form_inp label {
  line-height: .8rem;
  top: 0;
  left: -1.24rem
}
.join_body .b_row03_con form .form_inp .sel_block {
  background-color: #e3eed0
}
.join_body .b_row03_con form .form_inp .sel_boxs .sel_block {
  width: 4rem
}
.join_body .b_row03_con form .form_inp.sel_case {
  z-index: 4;
  position: relative
}
.join_body .b_row03_con form .form_inp .roa_boxs .roa_block {
  width: calc(16.6667% - .116667rem)
}
.join_body .b_row03_con form .b_row03_btm {
  margin-top: .38rem
}
.join_body .join_row06 {
  background-color: #f1f9e3;
  padding-top: 1.13rem;
  padding-bottom: 1.48rem
}
.join_body .join_row06 .b_row03_con {
  margin-top: .68rem
}
.join_body .join_row07 {
  background-color: #f1f9e3;
  padding-top: .89rem;
  padding-bottom: 1.39rem
}
.join_body .join_row07 .j_row07_top {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex
}
@media screen and (orientation:landscape) {
  .join_body .join_row07 .j_row07_top .pub_title_h3 {
    padding-bottom: .3rem;
    font-size: .36rem
  }
}
.join_body .join_row07 .b_row03_con {
  margin-top: .39rem
}
@media screen and (orientation:landscape) {
  .join_body .join_row07 .b_row03_con form .form_inp .roa_boxs .roa_block {
    width: calc(20% - .152rem);
    margin-right: .19rem
  }
  .join_body .join_row07 .b_row03_con form .form_inp .roa_boxs .roa_block:nth-child(5n) {
    margin-right: 0
  }
}
.join_body .j_mar_case, .join_body .q_mar_case {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}
.join_body .j_mar_case span, .join_body .q_mar_case span {
  cursor: pointer;
  color: rgba(0, 73, 45, .3);
  padding: 0 .48rem;
  font-size: .3rem;
  font-weight: 500;
  line-height: 1;
  transition: color .3s cubic-bezier(.435, .25, .15, .965);
  position: relative
}
.join_body .j_mar_case span.on, .join_body .q_mar_case span.on {
  color: #4c5b41
}
.join_body .j_mar_case span:before, .join_body .q_mar_case span:before {
  content: "";
  width: 1px;
  font-size: inherit;
  height: 1em;
  background-color: rgba(0, 57, 35, .2);
  position: absolute;
  top: 0;
  right: 0
}
.join_body .j_mar_case span:last-child, .join_body .q_mar_case span:last-child {
  padding-right: 0
}
.join_body .j_mar_case span:last-child:before, .join_body .q_mar_case span:last-child:before {
  display: none
}
@media screen and (orientation:landscape) {
  .join_body .j_mar_case span:hover, .join_body .q_mar_case span:hover {
    color: #4c5b41
  }
}
.join_body .j_mar_case.col_w span, .join_body .q_mar_case.col_w span {
  color: rgba(255, 255, 255, .3)
}
.join_body .j_mar_case.col_w span.on, .join_body .q_mar_case.col_w span.on {
  color: #fff
}
.join_body .j_mar_case.col_w span:before, .join_body .q_mar_case.col_w span:before {
  background-color: rgba(255, 255, 255, .2)
}
@media screen and (orientation:landscape) {
  .join_body .j_mar_case.col_w span:hover, .join_body .q_mar_case.col_w span:hover {
    color: #fff
  }
}
.join_body .step_01_con {
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex
}
.join_body .step_01_con .j_row08_left {
  width: 50%;
  color: #fff;
  min-height: 5.5rem;
  background-color: #4c5b41;
  background-image: url(../images/j002-2.8b69ea97.png);
  background-size: cover;
  border-radius: .2rem 0 0 .2rem;
  margin-top: .95rem;
  padding: .74rem .58rem .5rem .64rem;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden
}
.join_body .step_01_con .j_row08_left > div {
  width: 100%
}
@media screen and (orientation:landscape) {
  .join_body .step_01_con .j_row08_left .pub_title_h4 {
    font-size: .36rem;
    line-height: 1
  }
}
.join_body .step_01_con .j_row08_left .pub_info, .join_body .step_01_con .j_row08_left .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .join_body .step_01_con .j_row08_left textarea, .join_body .step_01_con .j_row08_left .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .join_body .step_01_con .j_row08_left input {
  font-weight: initial;
  margin-top: .44rem
}
.join_body .step_01_con .j_row08_left .pub_info p, .join_body .step_01_con .j_row08_left .from_box form .form_inp .inp_case textarea p, .from_box form .form_inp .inp_case .join_body .step_01_con .j_row08_left textarea p, .join_body .step_01_con .j_row08_left .from_box form .form_inp .inp_case input p, .from_box form .form_inp .inp_case .join_body .step_01_con .j_row08_left input p {
  font-size: inherit;
  margin: 0;
  padding-left: .33rem;
  position: relative
}
@media screen and (orientation:landscape) {
  .join_body .step_01_con .j_row08_left .pub_info p, .join_body .step_01_con .j_row08_left .from_box form .form_inp .inp_case textarea p, .from_box form .form_inp .inp_case .join_body .step_01_con .j_row08_left textarea p, .join_body .step_01_con .j_row08_left .from_box form .form_inp .inp_case input p, .from_box form .form_inp .inp_case .join_body .step_01_con .j_row08_left input p {
    letter-spacing: -.02em;
    font-size: .16rem;
    line-height: 1.38
  }
}
.join_body .step_01_con .j_row08_left .pub_info p:before, .join_body .step_01_con .j_row08_left .from_box form .form_inp .inp_case textarea p:before, .from_box form .form_inp .inp_case .join_body .step_01_con .j_row08_left textarea p:before, .join_body .step_01_con .j_row08_left .from_box form .form_inp .inp_case input p:before, .from_box form .form_inp .inp_case .join_body .step_01_con .j_row08_left input p:before {
  content: "";
  font-size: inherit;
  width: .06rem;
  height: .06rem;
  background-color: #9cd325;
  border-radius: .02rem;
  margin-top: -.03rem;
  position: absolute;
  top: .65em;
  left: 0
}
.join_body .step_01_con .j_row08_right {
  width: 50%;
  border-radius: 0 .2rem .2rem 0;
  overflow: hidden;
  transform: none !important
}
.join_body .step_01_con .j_row08_right .pub_img_box:before {
  margin-top: 78.5714%
}
.join_body .step_01_con .j_row08_right .pub_img_box img {
  height: calc(100% + .6rem);
  margin-top: -.3rem
}
.join_body .step_01_con.col_w .j_row08_left {
  color: #4c5b41;
  background-color: #fdfdfd
}
.join_body .step_01_con.col_w .j_row08_left .pub_info p, .join_body .step_01_con.col_w .j_row08_left .from_box form .form_inp .inp_case textarea p, .from_box form .form_inp .inp_case .join_body .step_01_con.col_w .j_row08_left textarea p, .join_body .step_01_con.col_w .j_row08_left .from_box form .form_inp .inp_case input p, .from_box form .form_inp .inp_case .join_body .step_01_con.col_w .j_row08_left input p {
  font-weight: 500
}
.join_body .step_01_con.col_w .j_row08_left .pub_info p:before, .join_body .step_01_con.col_w .j_row08_left .from_box form .form_inp .inp_case textarea p:before, .from_box form .form_inp .inp_case .join_body .step_01_con.col_w .j_row08_left textarea p:before, .join_body .step_01_con.col_w .j_row08_left .from_box form .form_inp .inp_case input p:before, .from_box form .form_inp .inp_case .join_body .step_01_con.col_w .j_row08_left input p:before {
  background-color: #4c5b41
}
.join_body .step_01_con02 {
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex
}
.join_body .step_01_con02 .j_row08_right {
  width: 50%;
  color: #fff;
  min-height: 5.5rem;
  background-color: #4c5b41;
  background-image: url(../images/j002-2.8b69ea97.png);
  background-size: cover;
  border-radius: 0 .2rem .2rem 0;
  margin-top: .95rem;
  padding: .74rem .58rem .5rem .64rem;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden
}
.join_body .step_01_con02 .j_row08_right > div {
  width: 100%
}
.join_body .step_01_con02 .j_row08_right .j_row08_tab {
  border-bottom: 1px solid rgba(255, 255, 255, .3);
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: .42rem;
  font-size: .2rem;
  line-height: 1;
  display: -ms-flexbox;
  display: flex
}
.join_body .step_01_con02 .j_row08_right .j_row08_tab div {
  cursor: pointer;
  padding: .16rem 0;
  font-weight: 500;
  line-height: 1;
  transition: color .5s cubic-bezier(.435, .25, .15, .965)
}
.join_body .step_01_con02 .j_row08_right .j_row08_tab div.on {
  color: #9cd325
}
@media screen and (orientation:landscape) {
  .join_body .step_01_con02 .j_row08_right .j_row08_tab div:hover {
    color: #9cd325
  }
}
.join_body .step_01_con02 .j_row08_right .j_row08_tab span {
  width: 1px;
  height: 1em;
  background-color: rgba(255, 255, 255, .3)
}
.join_body .step_01_con02 .j_row08_right .pub_info_case {
  margin-top: .54rem
}
.join_body .step_01_con02 .j_row08_right .pub_info_case .pub_info, .join_body .step_01_con02 .j_row08_right .pub_info_case .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .join_body .step_01_con02 .j_row08_right .pub_info_case textarea, .join_body .step_01_con02 .j_row08_right .pub_info_case .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .join_body .step_01_con02 .j_row08_right .pub_info_case input {
  display: none
}
.join_body .step_01_con02 .j_row08_right .pub_info_case .pub_info.on, .join_body .step_01_con02 .j_row08_right .pub_info_case .from_box form .form_inp .inp_case textarea.on, .from_box form .form_inp .inp_case .join_body .step_01_con02 .j_row08_right .pub_info_case textarea.on, .join_body .step_01_con02 .j_row08_right .pub_info_case .from_box form .form_inp .inp_case input.on, .from_box form .form_inp .inp_case .join_body .step_01_con02 .j_row08_right .pub_info_case input.on {
  display: block
}
.join_body .step_01_con02 .j_row08_right .pub_info, .join_body .step_01_con02 .j_row08_right .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .join_body .step_01_con02 .j_row08_right textarea, .join_body .step_01_con02 .j_row08_right .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .join_body .step_01_con02 .j_row08_right input {
  font-weight: initial
}
.join_body .step_01_con02 .j_row08_right .pub_info p, .join_body .step_01_con02 .j_row08_right .from_box form .form_inp .inp_case textarea p, .from_box form .form_inp .inp_case .join_body .step_01_con02 .j_row08_right textarea p, .join_body .step_01_con02 .j_row08_right .from_box form .form_inp .inp_case input p, .from_box form .form_inp .inp_case .join_body .step_01_con02 .j_row08_right input p {
  font-size: inherit;
  margin: 0;
  padding-left: .33rem;
  position: relative
}
@media screen and (orientation:landscape) {
  .join_body .step_01_con02 .j_row08_right .pub_info p, .join_body .step_01_con02 .j_row08_right .from_box form .form_inp .inp_case textarea p, .from_box form .form_inp .inp_case .join_body .step_01_con02 .j_row08_right textarea p, .join_body .step_01_con02 .j_row08_right .from_box form .form_inp .inp_case input p, .from_box form .form_inp .inp_case .join_body .step_01_con02 .j_row08_right input p {
    letter-spacing: -.02em;
    font-size: .16rem;
    line-height: 1.5
  }
}
.join_body .step_01_con02 .j_row08_right .pub_info p:before, .join_body .step_01_con02 .j_row08_right .from_box form .form_inp .inp_case textarea p:before, .from_box form .form_inp .inp_case .join_body .step_01_con02 .j_row08_right textarea p:before, .join_body .step_01_con02 .j_row08_right .from_box form .form_inp .inp_case input p:before, .from_box form .form_inp .inp_case .join_body .step_01_con02 .j_row08_right input p:before {
  content: "";
  font-size: inherit;
  width: .06rem;
  height: .06rem;
  background-color: #9cd325;
  border-radius: .02rem;
  margin-top: -.03rem;
  position: absolute;
  top: .7em;
  left: 0
}
.join_body .step_01_con02 .j_row08_right .pub_info p strong, .join_body .step_01_con02 .j_row08_right .from_box form .form_inp .inp_case textarea p strong, .from_box form .form_inp .inp_case .join_body .step_01_con02 .j_row08_right textarea p strong, .join_body .step_01_con02 .j_row08_right .from_box form .form_inp .inp_case input p strong, .from_box form .form_inp .inp_case .join_body .step_01_con02 .j_row08_right input p strong {
  font-weight: 700;
  font-size: inherit;
  margin-top: .04rem;
  margin-bottom: .13rem;
  display: block
}
.join_body .step_01_con02 .j_row08_left {
  width: 50%;
  border-radius: .2rem 0 0 .2rem;
  overflow: hidden;
  transform: none !important
}
.join_body .step_01_con02 .j_row08_left .pub_img_box:before {
  margin-top: 78.5714%
}
.join_body .step_01_con02 .j_row08_left .pub_img_box img {
  height: calc(100% + .6rem);
  margin-top: -.3rem
}
.join_body .step_01_con02.col_w .j_row08_right {
  color: #4c5b41;
  background-color: #fdfdfd
}
.join_body .step_01_con02.col_w .j_row08_right .j_row08_tab {
  border-bottom-color: rgba(0, 73, 45, .3)
}
.join_body .step_01_con02.col_w .j_row08_right .j_row08_tab div {
  color: rgba(0, 73, 45, .3)
}
.join_body .step_01_con02.col_w .j_row08_right .j_row08_tab div.on {
  color: #4c5b41
}
@media screen and (orientation:landscape) {
  .join_body .step_01_con02.col_w .j_row08_right .j_row08_tab div:hover {
    color: #4c5b41
  }
}
.join_body .step_01_con02.col_w .j_row08_right .j_row08_tab span {
  background-color: rgba(0, 73, 45, .3)
}
.join_body .step_01_con02.col_w .j_row08_right .pub_info p, .join_body .step_01_con02.col_w .j_row08_right .from_box form .form_inp .inp_case textarea p, .from_box form .form_inp .inp_case .join_body .step_01_con02.col_w .j_row08_right textarea p, .join_body .step_01_con02.col_w .j_row08_right .from_box form .form_inp .inp_case input p, .from_box form .form_inp .inp_case .join_body .step_01_con02.col_w .j_row08_right input p {
  font-weight: 500
}
.join_body .step_01_con02.col_w .j_row08_right .pub_info p:before, .join_body .step_01_con02.col_w .j_row08_right .from_box form .form_inp .inp_case textarea p:before, .from_box form .form_inp .inp_case .join_body .step_01_con02.col_w .j_row08_right textarea p:before, .join_body .step_01_con02.col_w .j_row08_right .from_box form .form_inp .inp_case input p:before, .from_box form .form_inp .inp_case .join_body .step_01_con02.col_w .j_row08_right input p:before {
  background-color: #4c5b41
}
.join_body .step_03_case {
  margin-top: .3rem
}
.join_body .step_03_case > .pub_img_box:before {
  margin-top: 35.9286%
}
.join_body .step_03_case > .pub_img_box > img {
  object-fit: contain
}
.join_body .step_03_case .step_con03 .pub_info, .join_body .step_03_case .step_con03 .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .join_body .step_03_case .step_con03 textarea, .join_body .step_03_case .step_con03 .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .join_body .step_03_case .step_con03 input {
  display: none
}
.join_body .step_03_case.col_w .step_nav03 .swiper-slide:before, .join_body .step_03_case.col_w .step_nav03 .swiper-slide:after {
  background-image: linear-gradient(90deg, #fff 0%, #fff 20%, transparent 20%)
}
.join_body .step_03_case.col_w .step_nav03 .swiper-slide > div .dot_sty {
  background-color: #fff
}
.join_body .step_03_case.col_w .step_nav03 .swiper-slide > div h6, .join_body .step_03_case.col_w .step_nav03 .swiper-slide > div .pub_info, .join_body .step_03_case.col_w .step_nav03 .swiper-slide > div .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .join_body .step_03_case.col_w .step_nav03 .swiper-slide > div textarea, .join_body .step_03_case.col_w .step_nav03 .swiper-slide > div .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .join_body .step_03_case.col_w .step_nav03 .swiper-slide > div input {
  color: #fff
}
.join_body .step_03_case02 {
  margin-top: .2rem
}
@media screen and (orientation:landscape) {
  .join_body .step_03_case02 .pub_title_h4 {
    font-size: .24rem
  }
}
.join_body .step_03_case02 .parameter_case {
  text-align: left;
  background-color: #ecf6e0;
  margin-top: .25rem
}
.join_body .step_03_case02 .parameter_case th {
  color: #fff;
  background-color: #9cd325;
  border-right: none;
  font-size: .2rem
}
.join_body .step_03_case02 .parameter_case th, .join_body .step_03_case02 .parameter_case td {
  height: .68rem;
  width: 25%
}
.join_body .step_03_case02 .parameter_case th:nth-child(1), .join_body .step_03_case02 .parameter_case td:nth-child(1) {
  padding-left: 1.08rem
}
.join_body .step_03_case02 .parameter_case td:nth-child(2) {
  padding-left: .87rem
}
.join_body .step_03_case02 .parameter_case td:nth-child(3) {
  padding-left: .78rem
}
.join_body .step_03_case02 .parameter_case td:nth-child(4) {
  padding-left: 1.38rem
}
.join_body .step_03_case02 .step03_info {
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: .9rem;
  display: -ms-flexbox;
  display: flex
}
.join_body .step_03_case02 .step03_info .step03_block {
  width: calc(33.3333% - .18rem);
  cursor: pointer;
  margin-right: .27rem
}
.join_body .step_03_case02 .step03_info .step03_block:last-child {
  margin-right: 0
}
.join_body .step_03_case02 .step03_info .step03_block .step03_t {
  position: relative
}
.join_body .step_03_case02 .step03_info .step03_block .step03_t:before {
  content: "";
  width: calc(100% - .87rem);
  height: 1px;
  background-image: linear-gradient(90deg, #4c5b41 0%, #4c5b41 20%, transparent 20%);
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: 10px 1px;
  display: block;
  position: absolute;
  top: 50%;
  right: 0
}
.join_body .step_03_case02 .step03_info .step03_block .step03_t .pub_img_box {
  width: .6rem
}
.join_body .step_03_case02 .step03_info .step03_block .step03_t .pub_img_box img {
  object-fit: contain;
  object-position: left center
}
.join_body .step_03_case02 .step03_info .step03_block .pub_title_h4 {
  margin-top: .29rem
}
.join_body .step_03_case02 .step03_info .step03_block .pub_info, .join_body .step_03_case02 .step03_info .step03_block .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .join_body .step_03_case02 .step03_info .step03_block textarea, .join_body .step_03_case02 .step03_info .step03_block .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .join_body .step_03_case02 .step03_info .step03_block input {
  opacity: 0;
  width: 4.15rem;
  margin-top: .4rem;
  margin-left: -.26rem;
  transition: opacity .3s cubic-bezier(.435, .25, .15, .965)
}
.join_body .step_03_case02 .step03_info .step03_block .pub_info p, .join_body .step_03_case02 .step03_info .step03_block .from_box form .form_inp .inp_case textarea p, .from_box form .form_inp .inp_case .join_body .step_03_case02 .step03_info .step03_block textarea p, .join_body .step_03_case02 .step03_info .step03_block .from_box form .form_inp .inp_case input p, .from_box form .form_inp .inp_case .join_body .step_03_case02 .step03_info .step03_block input p {
  font-size: inherit;
  margin: 0 0 1.3em;
  padding-left: .26rem;
  position: relative
}
@media screen and (orientation:landscape) {
  .join_body .step_03_case02 .step03_info .step03_block .pub_info p, .join_body .step_03_case02 .step03_info .step03_block .from_box form .form_inp .inp_case textarea p, .from_box form .form_inp .inp_case .join_body .step_03_case02 .step03_info .step03_block textarea p, .join_body .step_03_case02 .step03_info .step03_block .from_box form .form_inp .inp_case input p, .from_box form .form_inp .inp_case .join_body .step_03_case02 .step03_info .step03_block input p {
    letter-spacing: -.02em;
    font-size: .14rem;
    line-height: 1.43
  }
}
.join_body .step_03_case02 .step03_info .step03_block .pub_info p:last-child, .join_body .step_03_case02 .step03_info .step03_block .from_box form .form_inp .inp_case textarea p:last-child, .from_box form .form_inp .inp_case .join_body .step_03_case02 .step03_info .step03_block textarea p:last-child, .join_body .step_03_case02 .step03_info .step03_block .from_box form .form_inp .inp_case input p:last-child, .from_box form .form_inp .inp_case .join_body .step_03_case02 .step03_info .step03_block input p:last-child {
  margin-bottom: 0
}
.join_body .step_03_case02 .step03_info .step03_block .pub_info p:before, .join_body .step_03_case02 .step03_info .step03_block .from_box form .form_inp .inp_case textarea p:before, .from_box form .form_inp .inp_case .join_body .step_03_case02 .step03_info .step03_block textarea p:before, .join_body .step_03_case02 .step03_info .step03_block .from_box form .form_inp .inp_case input p:before, .from_box form .form_inp .inp_case .join_body .step_03_case02 .step03_info .step03_block input p:before {
  content: "";
  font-size: inherit;
  width: .06rem;
  height: .06rem;
  background-color: #9cd325;
  border-radius: .02rem;
  margin-top: -.03rem;
  position: absolute;
  top: .7em;
  left: 0
}
.join_body .step_03_case02 .step03_info .step03_block.on .pub_info, .join_body .step_03_case02 .step03_info .step03_block.on .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .join_body .step_03_case02 .step03_info .step03_block.on textarea, .join_body .step_03_case02 .step03_info .step03_block.on .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .join_body .step_03_case02 .step03_info .step03_block.on input {
  opacity: 1
}
.join_body .step_03_case02.col_w .pub_title_h4 {
  color: #fff
}
.join_body .step_03_case02.col_w .parameter_case {
  color: #4c5b41
}
.join_body .step_03_case02.col_w .step03_info .step03_block {
  color: #fff
}
.join_body .step_03_case02.col_w .step03_info .step03_block .step03_t:before {
  background-image: linear-gradient(90deg, #fff 0%, #fff 20%, transparent 20%)
}
.join_body .step_03_case02.col_w .step03_info .step03_block .step03_t .pub_img_box {
  width: .6rem
}
.join_body .step_03_case02.col_w .step03_info .step03_block .step03_t .pub_img_box img {
  object-fit: contain;
  object-position: left center
}
.join_body .j_con_case {
  margin-top: .5rem;
  position: relative
}
.join_body .j_con_case > div {
  width: 100%;
  opacity: 0;
  pointer-events: none;
  padding-top: 1px;
  position: absolute;
  top: 0;
  left: 0
}
.join_body .j_con_case > div.on {
  opacity: 1;
  pointer-events: auto;
  position: relative
}
.join_body .join_row08 {
  z-index: 2;
  padding-top: .98rem;
  padding-bottom: 1rem;
  position: relative
}
.join_body .join_row08 + .join_row09 {
  z-index: 1;
  margin-top: -1.66rem
}
.join_body .join_row08 .j_row08_top {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex
}
@media screen and (orientation:landscape) {
  .join_body .join_row08 .j_row08_top .pub_title_en {
    font-size: 1rem
  }
  .join_body .join_row08 .j_row08_top .pub_title_en > .font_box {
    margin-top: -.54em
  }
  .join_body .join_row08 .j_row08_top .pub_title_en > .font_box:first-child {
    margin-top: -.02rem
  }
}
.join_body .join_row08 .j_row08_top .j_row08_t {
  margin-bottom: -.98rem
}
.join_body .j_row09_top {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex
}
.join_body .join_row09 {
  color: #fff;
  padding-top: 4.5rem;
  padding-bottom: 1.1rem;
  position: relative;
  overflow: hidden
}
.join_body .join_row09 .step_02_case {
  margin-top: .4rem
}
@media screen and (orientation:landscape) {
  .join_body .join_row09 .step_02_case {
    padding-bottom: 1rem
  }
}
.join_body .join_row10 {
  background-color: #eff9de;
  padding-top: .8rem;
  padding-bottom: .9rem
}
.join_body .join_row10 .step_03_case {
  margin-top: .1rem
}
.join_body .join_row11 {
  padding-top: 1.02rem;
  padding-bottom: .67rem
}
.join_body .join_row11 .j_row09_top {
  z-index: 3;
  position: relative
}
@media screen and (orientation:landscape) {
  .join_body .join_row11 .j_row09_top .title_sty_case {
    padding-bottom: .78rem
  }
}
.join_body .join_row11 .step_01_con02 {
  margin-top: -.78rem
}
.join_body .join_row11 .step_03_case {
  margin-top: 0
}
.join_body .join_row12 {
  z-index: 2;
  padding-top: .67rem;
  padding-bottom: 1rem;
  position: relative
}
.join_body .join_row12 + .join_row13 {
  z-index: 1;
  margin-top: -1.75rem
}
.join_body .join_row13 {
  color: #fff;
  padding-top: 4.2rem;
  padding-bottom: 2.26rem;
  position: relative;
  overflow: hidden
}
.join_body .join_row13 .q_mar_case {
  -ms-flex-pack: center;
  justify-content: center
}
.join_body .join_row13 .q_mar_case span {
  font-size: .36rem
}
.join_body .join_row13 .j_row13_case {
  margin-top: .98rem;
  position: relative
}
.join_body .join_row13 .j_row13_case .j_row13 {
  width: 100%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0
}
.join_body .join_row13 .j_row13_case .j_row13.on {
  opacity: 1;
  pointer-events: auto;
  position: relative
}
.join_body .join_row13 .j_row13_case .j_row13 .j_row13_c {
  z-index: 3;
  text-align: center;
  margin-bottom: .36rem;
  position: relative
}
.join_body .join_row13 .j_row13_case .j_row13 .j_row13_c h6 {
  color: #9cd325;
  font-size: .2rem;
  line-height: 1
}
.join_body .join_row13 .j_row13_case .j_row13 .swiper {
  width: 8rem;
  overflow: visible
}
.join_body .join_row13 .j_row13_case .j_row13 .swiper .swiper-slide {
  opacity: .8;
  transition: opacity .8s cubic-bezier(.435, .25, .15, .965)
}
.join_body .join_row13 .j_row13_case .j_row13 .swiper .swiper-slide.active {
  opacity: 1
}
.join_body .join_row13 .j_row13_case .j_row13 .swiper .pub_img_box {
  border-radius: .1rem
}
.join_body .join_row13 .j_row13_case .j_row13 .swiper .pub_img_box:before {
  margin-top: 56.25%
}
.join_body .right_det_nav {
  z-index: 9;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s cubic-bezier(.435, .25, .15, .965);
  position: fixed;
  top: 50%;
  right: .56rem;
  transform: translateY(-50%)
}
.join_body .right_det_nav.on {
  opacity: 1;
  pointer-events: all
}
.join_body .right_det_nav .r_n {
  cursor: pointer;
  width: .31rem;
  height: .31rem;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin: .14rem 0;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.join_body .right_det_nav .r_n:before {
  content: "";
  width: 100%;
  height: 100%;
  border: .02rem solid #9cd325;
  border-radius: 50%;
  transition: transform .3s cubic-bezier(.435, .25, .15, .965);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0)
}
.join_body .right_det_nav .r_n span {
  width: .05rem;
  height: .05rem;
  background-color: rgba(0, 73, 45, .3);
  border-radius: 50%;
  transition: background-color .3s cubic-bezier(.435, .25, .15, .965);
  display: block;
  position: relative
}
.join_body .right_det_nav .r_n > div {
  color: rgba(0, 73, 45, .3);
  text-align: right;
  white-space: nowrap;
  padding-right: .14rem;
  font-size: .12rem;
  font-weight: 700;
  line-height: 1.5;
  transition: color .3s cubic-bezier(.435, .25, .15, .965);
  position: absolute;
  right: 100%
}
@media screen and (orientation:landscape) {
  .join_body .right_det_nav .r_n:hover span {
    background-color: #9cd325 !important
  }
  .join_body .right_det_nav .r_n:hover > div {
    color: #4c5b41
  }
}
.join_body .right_det_nav .r_n.on:before {
  transform: none
}
.join_body .right_det_nav .r_n.on span {
  background-color: #9cd325 !important
}
.join_body .right_det_nav .r_n.on > div {
  color: #4c5b41
}
.join_body .right_det_nav.col_w .r_n span {
  background-color: rgba(255, 255, 255, .3)
}
.join_body .right_det_nav.col_w .r_n > div {
  color: rgba(255, 255, 255, .3)
}
@media screen and (orientation:landscape) {
  .join_body .right_det_nav.col_w .r_n:hover > div {
    color: #fff
  }
}
.join_body .right_det_nav.col_w .r_n.on > div {
  color: #fff
}
@media screen and (orientation:landscape) {
  .join_body .b_row03_con form .form_inp .roa_boxs .roa_block {
    -ms-flex: 1;
    flex: 1
  }
}
.ain_msk_img {
  width: 8.98rem;
  position: relative
}
.ain_msk_img > img {
  opacity: 0;
  transform-origin: 0 100%;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(.8)rotate(5deg)
}
.ain_msk_img .pub_img_box {
  z-index: 2;
  background-color: #4c5b41;
  position: relative;
  -webkit-mask-image: url(../images/a002_0.cf2505da.png);
  mask-image: url(a002_0.cf2505da.png);
  -webkit-mask-position: 0 100%;
  mask-position: 0 100%;
  -webkit-mask-size: 0 0;
  mask-size: 0 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}
.ain_msk_img .pub_img_box:before {
  margin-top: 68.931%
}
.ain_msk_img .pub_img_box img {
  height: calc(100% + .6rem);
  margin-top: -.3rem
}
.ain_msk_img.mask_img_b > img {
  margin-top: .63rem;
  margin-left: .41rem;
  transform: scale(.8)rotate(-5deg)
}
.ain_msk_img.mask_img_t {
  margin-left: .47rem
}
.ain_msk_img.mask_img_t > img {
  margin-top: 0;
  margin-left: -.47rem;
  top: -.05rem;
  transform: translate(.6rem)scale(.8)rotate(5deg)
}
.ain_msk_img.go > img {
  opacity: 1;
  transition: opacity .5s cubic-bezier(.435, .25, .15, .965) .7s, transform .5s cubic-bezier(.435, .25, .15, .965) .7s;
  transform: none !important
}
.tab_sty_case {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  font-size: .26rem;
  font-weight: 700;
  line-height: 1.5;
  display: -ms-flexbox;
  display: flex
}
.tab_sty_case > span {
  color: rgba(0, 57, 35, .3);
  height: .7rem;
  cursor: pointer;
  border: 3px solid transparent;
  border-radius: .6rem;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .1rem .4rem;
  transition: color .3s cubic-bezier(.435, .25, .15, .965), border-color .3s cubic-bezier(.435, .25, .15, .965);
  display: -ms-flexbox;
  display: flex
}
.tab_sty_case > span.on {
  color: #55654b;
  border-color: #9cd325
}
@media screen and (orientation:landscape) {
  .tab_sty_case > span:hover {
    color: #55654b;
    border-color: #9cd325 !important
  }
}
.tab_sty_case.col_w > span {
  color: rgba(255, 255, 255, .3)
}
.tab_sty_case.col_w > span.on {
  color: #9cd325
}
@media screen and (orientation:landscape) {
  .tab_sty_case.col_w > span:hover {
    color: #9cd325
  }
}
@keyframes maskYe {
  50% {
    -webkit-mask-position: 25.8%;
    mask-position: 25.8%;
    -webkit-mask-size: 9.1rem;
    mask-size: 9.1rem
  }
  to {
    -webkit-mask-position: 25.8%;
    mask-position: 25.8%;
    -webkit-mask-size: 400%;
    mask-size: 400%
  }
}
.aniG, .about_body .abo_row17 .j_row03_img .pub_img_box, .about_body .abo_row14 .bus_row01_left .left_txt_box, .about_body .abo_row14 .bus_row01_left .j_row03_img .pub_img_box, .about_body .abo_row14 .bus_row01_left .j_row03_img .pub_img_box .swiper .swiper-slide .pub_img_box, .about_body .abo_row14 .bus_row01_left .j_row03_img .pub_img_box .swiper, .about_body .abo_row14 .bus_row01_left .j_row03_img, .business_body .bus_row01 .pub_case, .business_body .bus_row01 .bus_row01_left .j_row03_img .pub_img_box {
  will-change: transform, opacity;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-play-state: paused;
  animation-delay: calc(var(--go)*-1s);
  animation-timing-function: ease-in-out
}
.swiper_show_q, .about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block > .pub_img_box, .about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block .pub_title_h4, .about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block .con_u_block, .about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block .sha_btm_box, .about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block .code_boxs, .business_body .bus_row02 .bus_r_con .bus_row02_con .bus_row02_txt .pub_title_h4, .business_body .bus_row02 .bus_r_con .bus_row02_con .bus_row02_txt .pub_info_en, .business_body .bus_row02 .bus_r_con .bus_row02_con .bus_row02_txt .pub_title_h2, .business_body .bus_row02 .bus_r_con .bus_row02_title .pub_title_en h2 {
  opacity: 0;
  transform: translateY(.5rem)skewY(3deg)
}
.swiper_show, .about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block.go > .pub_img_box, .about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block.go .pub_title_h4, .about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block.go .con_u_block, .about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block.go .sha_btm_box, .about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block.go .code_boxs, .business_body .bus_row02 .bus_r_con .bus_row02_con .bus_row02_txt.on .pub_title_h4, .business_body .bus_row02 .bus_r_con .bus_row02_con .bus_row02_txt.on .pub_info_en, .business_body .bus_row02 .bus_r_con .bus_row02_con .bus_row02_txt.on .pub_title_h2, .business_body .bus_row02 .bus_r_con .bus_row02_title .pub_title_en.on h2 {
  opacity: 1;
  transition: transform 1s cubic-bezier(.435, .25, .15, .965), opacity 1s cubic-bezier(.435, .25, .15, .965);
  transform: none
}
.drag_hint {
  cursor: url(shubiao.24aad547.svg), auto
}
.drag_hint_w {
  cursor: url(shubiao_w.4d91b567.svg), auto
}
.drag_hint_b {
  cursor: url(shubiao_b.832d69b8.svg), auto
}
.business_body {
  color: #4c5b41;
  background-color: #fdfdfd;
  font-size: .16rem
}
.business_body .banner_case_all {
  z-index: 4;
  position: relative
}
.business_body .bus_row01 {
  padding-top: .85rem
}
.business_body .bus_row01 .bus_row01_ani {
  height: 350vh;
  position: relative
}
.business_body .bus_row01 .bus_row01_ani:before {
  content: "";
  width: 100%;
  height: 7.8125vw;
  z-index: 3;
  pointer-events: none;
  background-image: linear-gradient(#fdfdfd 60%, rgba(249, 255, 238, 0) 100%);
  transition: heigth .3s cubic-bezier(.435, .25, .15, .965);
  position: fixed;
  top: 0;
  left: 0
}
.business_body .bus_row01 .bus_row01_ani.on .bus_row01_left .j_row03_img .pub_img_box:after, .business_body .bus_row01 .bus_row01_ani.on .bus_row01_left .j_row03_img .pub_img_box .iconfont {
  opacity: 1;
  pointer-events: all
}
.business_body .bus_row01 .bus_row01_ani.t_video .bus_row01_left .j_row03_img .pub_img_box img {
  opacity: 0
}
.business_body .bus_row01 .bus_row01_ani.t_top:before {
  height: 0
}
.business_body .bus_row01 .bus_row01_left {
  height: 100vh;
  width: 100%;
  z-index: 2;
  position: sticky;
  top: 0;
  left: 0
}
.business_body .bus_row01 .bus_row01_left .j_row03_img {
  width: 100%;
  height: 100%;
  margin-left: 0
}
.business_body .bus_row01 .bus_row01_left .j_row03_img > img {
  width: 9.1rem;
  height: auto;
  margin-top: -2.9rem;
  margin-left: auto;
  top: 50%;
  left: 2.35rem
}
.business_body .bus_row01 .bus_row01_left .j_row03_img .pub_img_box {
  height: 100%;
  animation-name: maskYe;
  -webkit-mask-position: 25.8%;
  mask-position: 25.8%;
  -webkit-mask-size: 9.1rem;
  mask-size: 9.1rem
}
.business_body .bus_row01 .bus_row01_left .j_row03_img .pub_img_box:before {
  display: none
}
.business_body .bus_row01 .bus_row01_left .j_row03_img .pub_img_box:after {
  content: "";
  z-index: 2;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  background-color: rgba(0, 0, 0, .4);
  transition: opacity .3s cubic-bezier(.435, .25, .15, .965);
  display: block;
  position: absolute;
  top: 0;
  left: 0
}
.business_body .bus_row01 .bus_row01_left .j_row03_img .pub_img_box > img {
  z-index: 2;
  pointer-events: none;
  transition: all .3s cubic-bezier(.435, .25, .15, .965)
}
@media screen and (orientation:portrait) {
  .business_body .bus_row01 .bus_row01_left .j_row03_img .pub_img_box > img {
    display: none
  }
}
.business_body .bus_row01 .bus_row01_left .j_row03_img .pub_img_box .iconfont {
  opacity: 0;
  pointer-events: none;
  z-index: 3;
  width: 1.4rem;
  height: 1.4rem;
  color: #fff;
  cursor: pointer;
  margin-top: -.7rem;
  margin-left: -.7rem;
  font-size: 1.4rem;
  transition: color .3s cubic-bezier(.435, .25, .15, .965);
  position: absolute;
  top: 50%;
  left: 50%
}
@media screen and (orientation:landscape) {
  .business_body .bus_row01 .bus_row01_left .j_row03_img .pub_img_box .iconfont:hover {
    color: #9cd325
  }
}
.business_body .bus_row01 .bus_row01_left .j_row03_img .pub_img_box .iconfont.on {
  opacity: 1;
  pointer-events: auto
}
.business_body .bus_row01 .pub_case {
  z-index: 2;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: -28vh;
  animation-name: masTop;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
@keyframes masTop {
  0% {
    opacity: 1
  }
  45% {
    opacity: 1
  }
  50% {
    opacity: 0
  }
  to {
    opacity: 0
  }
}
.business_body .bus_row01 .pub_case .bus_row01_right {
  width: 8rem;
  margin-right: -1rem;
  padding-top: .3rem
}
@media screen and (orientation:landscape) {
  .business_body .bus_row01 .pub_case .bus_row01_right .pub_title_h2 {
    letter-spacing: -.03em;
    font-size: .6rem;
    font-weight: 700
  }
}
.business_body .bus_row01 .pub_case .bus_row01_right .pub_info, .business_body .bus_row01 .pub_case .bus_row01_right .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .business_body .bus_row01 .pub_case .bus_row01_right textarea, .business_body .bus_row01 .pub_case .bus_row01_right .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .business_body .bus_row01 .pub_case .bus_row01_right input {
  color: #062418;
  margin-top: .45rem
}
@media screen and (orientation:landscape) {
  .business_body .bus_row01 .pub_case .bus_row01_right .pub_info, .business_body .bus_row01 .pub_case .bus_row01_right .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .business_body .bus_row01 .pub_case .bus_row01_right textarea, .business_body .bus_row01 .pub_case .bus_row01_right .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .business_body .bus_row01 .pub_case .bus_row01_right input {
    font-weight: initial
  }
}
.business_body .bus_row01 .pub_case .bus_row01_right .pub_info_en {
  color: rgba(6, 36, 24, .2);
  margin-top: .33rem
}
.business_body .bus_row02 {
  background-color: #55654b;
  padding-top: 1.53rem;
  padding-bottom: 1.73rem
}
.business_body .bus_row02 .bus_r_nav {
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (orientation:landscape) {
  .business_body .bus_row02 .bus_r_nav {
    width: calc(100% + 1.3rem);
    margin-left: -.65rem;
    margin-right: -.65rem;
    font-size: .36rem
  }
}
.business_body .bus_row02 .bus_r_nav span {
  height: .8rem;
  padding-left: .65rem;
  padding-right: .65rem
}
.business_body .bus_row02 .bus_r_con {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: .7rem;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.business_body .bus_row02 .bus_r_con .b_row01_img {
  width: 8.44rem;
  margin-left: -1rem
}
.business_body .bus_row02 .bus_r_con .b_row01_img .pub_img_box {
  -webkit-mask-image: url(b_c001.cce8b6a1.png);
  mask-image: url(b_c001.cce8b6a1.png)
}
.business_body .bus_row02 .bus_r_con .b_row01_img .pub_img_box:before {
  margin-top: 69.0758%
}
.business_body .bus_row02 .bus_r_con .b_row01_img .pub_img_box .swiper {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.business_body .bus_row02 .bus_r_con .b_row01_img .pub_img_box .swiper img {
  width: 100%;
  margin: 0;
  display: block
}
.business_body .bus_row02 .bus_r_con .bus_row02_title {
  z-index: 2;
  width: 100%;
  position: absolute;
  bottom: .24rem;
  left: .1rem
}
.business_body .bus_row02 .bus_r_con .bus_row02_title .pub_title_en {
  color: #9cd325;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0
}
.business_body .bus_row02 .bus_r_con .bus_row02_title .pub_title_en.on {
  pointer-events: auto;
  position: relative
}
.business_body .bus_row02 .bus_r_con .bus_row02_con {
  width: 6rem;
  padding-top: 1rem;
  position: relative
}
.business_body .bus_row02 .bus_r_con .bus_row02_con .bus_row02_txt {
  width: 100%;
  opacity: 0;
  pointer-events: none;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0
}
.business_body .bus_row02 .bus_r_con .bus_row02_con .bus_row02_txt .pub_title_h4 {
  font-size: .3rem;
  font-weight: 400;
  line-height: 1
}
.business_body .bus_row02 .bus_r_con .bus_row02_con .bus_row02_txt .pub_title_h2 {
  color: #fff;
  margin-top: .9rem;
  font-size: .6rem
}
@media screen and (orientation:landscape) {
  .business_body .bus_row02 .bus_r_con .bus_row02_con .bus_row02_txt .pub_title_h2 {
    letter-spacing: -.06em;
    font-size: .44rem
  }
}
.business_body .bus_row02 .bus_r_con .bus_row02_con .bus_row02_txt .pub_info_en {
  color: rgba(255, 255, 255, .3);
  margin-top: .34rem;
  font-size: .2rem
}
.business_body .bus_row02 .bus_r_con .bus_row02_con .bus_row02_txt.on {
  opacity: 1;
  pointer-events: auto;
  position: relative
}
.business_body .bus_row02 .bus_r_con .bus_row02_con .bus_row02_txt.on .pub_title_h4 {
  transition-delay: .1s
}
.business_body .bus_row02 .bus_r_con .bus_row02_con .bus_row02_txt.on .pub_title_h2 {
  transition-delay: .3s
}
.business_body .bus_row02 .bus_r_con .bus_row02_con .bus_row02_txt.on .pub_info_en {
  transition-delay: .5s
}
.business_body .bus_row03 {
  padding-top: 2rem;
  padding-bottom: 1rem;
  overflow: hidden
}
.business_body .bus_row03 + .bus_row04 {
  margin-top: -1.22rem
}
@media screen and (orientation:landscape) {
  .business_body .bus_row03 .tab_sty_case {
    margin-bottom: -.23rem;
    margin-right: -.44rem
  }
  .business_body .bus_row03 .tab_sty_case span {
    height: .7rem;
    margin-left: .2rem;
    padding-left: .42rem;
    padding-right: .42rem
  }
  .business_body .bus_row03 .tab_sty_case span:first-child {
    margin-left: 0
  }
  .business_body .bus_row03 .tab_sty_case span:last-child {
    margin-right: 0
  }
  .business_body .bus_row03 .pub_title_h2 {
    font-size: .54rem
  }
}
.business_body .bus_row03 .bus_row03_t {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex
}
.business_body .bus_row03 .bus_row03_case {
  margin-top: 1rem;
  position: relative
}
.business_body .bus_row03 .bus_row03_case .bus_row03_con {
  width: 100%;
  pointer-events: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0
}
.business_body .bus_row03 .bus_row03_case .bus_row03_con .swiper {
  overflow: visible
}
.business_body .bus_row03 .bus_row03_case .bus_row03_con .swiper .page_btn {
  width: calc(100% + 4rem);
  z-index: 4;
  pointer-events: none;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.business_body .bus_row03 .bus_row03_case .bus_row03_con .swiper .page_btn > div {
  pointer-events: auto;
  margin: 0
}
.business_body .bus_row03 .bus_row03_case .bus_row03_con .swiper .page_btn > div.swiper-button-next {
  background-color: #9cd325
}
.business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con {
  width: 10rem
}
.business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .pub_img_box:before {
  margin-top: 56.7%
}
.business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .pub_img_box:after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 3;
  opacity: 0;
  background-color: rgba(0, 0, 0, .6);
  transition: opacity .5s cubic-bezier(.435, .25, .15, .965);
  position: absolute;
  top: 0;
  left: 0
}
.business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .pub_img_box .sha_img {
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0
}
.business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .pub_img_box .bus_txt_c {
  color: #fff;
  width: 100%;
  text-align: center;
  z-index: 4;
  padding-bottom: .6rem;
  position: absolute;
  bottom: 0;
  left: 0
}
.business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .pub_img_box .bus_txt_c .pub_title_h3 {
  font-size: .44rem
}
@media screen and (orientation:landscape) {
  .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .pub_img_box .bus_txt_c .pub_title_h3 {
    margin-bottom: -.2rem
  }
}
.business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .pub_img_box .bus_txt_c .pub_title_h3 + .pub_info, .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .pub_img_box .bus_txt_c .from_box form .form_inp .inp_case .pub_title_h3 + textarea, .from_box form .form_inp .inp_case .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .pub_img_box .bus_txt_c .pub_title_h3 + textarea, .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .pub_img_box .bus_txt_c .from_box form .form_inp .inp_case .pub_title_h3 + input, .from_box form .form_inp .inp_case .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .pub_img_box .bus_txt_c .pub_title_h3 + input {
  font-weight: 300
}
.business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .pub_img_box .bus_txt_c .pub_info, .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .pub_img_box .bus_txt_c .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .pub_img_box .bus_txt_c textarea, .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .pub_img_box .bus_txt_c .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .pub_img_box .bus_txt_c input {
  font-size: .24rem;
  font-weight: initial;
  margin-top: .24rem
}
.business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .swiper-slide {
  position: relative
}
.business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .swiper-slide > .bus_txt_info {
  display: none
}
@media screen and (orientation:landscape) {
  .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .swiper-slide .bus_txt_info {
    max-height: 0;
    transition: max-height .5s cubic-bezier(.435, .25, .15, .965);
    overflow: hidden
  }
  .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .swiper-slide .bus_txt_info .pub_info, .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .swiper-slide .bus_txt_info .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .swiper-slide .bus_txt_info textarea, .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .swiper-slide .bus_txt_info .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .swiper-slide .bus_txt_info input {
    width: 100%;
    color: #fff;
    padding: 10px 40px 0;
    overflow-y: auto
  }
}
.business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .swiper-slide .bus_txt_info .pub_info, .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .swiper-slide .bus_txt_info .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .swiper-slide .bus_txt_info textarea, .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .swiper-slide .bus_txt_info .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .swiper-slide .bus_txt_info input {
  text-align: center;
  font-size: .16rem;
  line-height: 1.4
}
@media screen and (orientation:portrait) {
  .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .swiper-slide .bus_txt_info {
    padding: .4rem 0 0;
    display: none
  }
  .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .swiper-slide .bus_txt_info .pub_info, .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .swiper-slide .bus_txt_info .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .swiper-slide .bus_txt_info textarea, .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .swiper-slide .bus_txt_info .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .swiper-slide .bus_txt_info input {
    text-align: justify;
    font-size: 12px
  }
  .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .swiper-slide > .bus_txt_info {
    display: block
  }
}
@media screen and (orientation:landscape) {
  .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .swiper-slide:hover .pub_img_box:after {
    opacity: 1
  }
  .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .swiper-slide:hover .bus_txt_info {
    max-height: 600px
  }
}
.business_body .bus_row03 .bus_row03_case .bus_row03_con .step_nav03 {
  margin-top: 1.04rem
}
.business_body .bus_row03 .bus_row03_case .bus_row03_con .step_nav03 .swiper-slide > div h6 {
  margin-top: .45rem
}
.business_body .bus_row03 .bus_row03_case .bus_row03_con.on {
  opacity: 1;
  pointer-events: auto;
  position: relative
}
.business_body .bus_row04 {
  padding-top: 4.3rem;
  padding-bottom: .67rem;
  position: relative
}
.business_body .bus_row04 .row_case .pub_case {
  z-index: 3;
  margin-bottom: -2rem;
  position: relative
}
.business_body .bus_row04 .row_case .pub_case .pub_info, .business_body .bus_row04 .row_case .pub_case .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .business_body .bus_row04 .row_case .pub_case textarea, .business_body .bus_row04 .row_case .pub_case .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .business_body .bus_row04 .row_case .pub_case input {
  margin-top: .47rem
}
.business_body .bus_row04 .row_case .pub_case .btn_sty {
  border-radius: .6rem;
  margin-top: .48rem
}
@media screen and (orientation:landscape) {
  .business_body .bus_row04 .row_case .pub_case .btn_sty {
    height: .66rem;
    width: 1.8rem
  }
}
.business_body .bus_row04 .row_case .r_ye .pub_img_box img {
  opacity: 0
}
.business_body .bus_row05 {
  background-color: #f1f9e3;
  padding-top: .67rem;
  padding-bottom: 1.05rem;
  overflow: hidden
}
.business_body .bus_row05 .bus_row05_top {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex
}
@media screen and (orientation:landscape) {
  .business_body .bus_row05 .bus_r4 {
    margin-bottom: -.22rem;
    margin-right: -.5rem
  }
  .business_body .bus_row05 .bus_r4 span {
    padding-left: .48rem;
    padding-right: .48rem
  }
}
.business_body .bus_row05 .bus_row05_case {
  margin-top: .58rem;
  position: relative
}
.business_body .bus_row05 .bus_row05_case .bus_row05_con {
  width: 100%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0
}
.business_body .bus_row05 .bus_row05_case .bus_row05_con .swiper {
  overflow: visible
}
.business_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .pub_img_box:before {
  margin-top: 133.333%
}
.business_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .pub_title_h5 {
  margin-top: .34rem;
  line-height: 1
}
.business_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .swiper-slide {
  opacity: .6;
  transition: opacity .7s cubic-bezier(.435, .25, .15, .965)
}
.business_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .swiper-slide.swiper-slide-visible {
  opacity: 1
}
@media screen and (orientation:landscape) {
  .business_body .bus_row05 .bus_row05_case .bus_row05_con .swiper {
    width: calc(100% + .56rem);
    margin-left: -.28rem;
    margin-right: -.28rem
  }
  .business_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .swiper-slide {
    padding-left: .28rem;
    padding-right: .28rem
  }
}
.business_body .bus_row05 .bus_row05_case .bus_row05_con.on {
  opacity: 1;
  pointer-events: all;
  position: relative
}
.business_body .bus_row06 {
  background-color: #f1f9e3;
  padding-top: .67rem;
  padding-bottom: .5rem
}
.business_body .bus_row06 .pub_info, .business_body .bus_row06 .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .business_body .bus_row06 textarea, .business_body .bus_row06 .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .business_body .bus_row06 input {
  margin-top: .4rem
}
.business_body .bus_row06 .bus_row06_case {
  margin-top: .39rem
}
.business_body .bus_row06 .bus_row06_case .swiper-slide {
  height: auto;
  font-size: 0
}
.business_body .bus_row06 .bus_row06_case .swiper-slide .pub_img_box {
  width: calc(25% - .3rem);
  background-color: #fff;
  margin-top: .35rem;
  margin-right: .4rem;
  display: inline-block
}
@media screen and (orientation:landscape) {
  .business_body .bus_row06 .bus_row06_case .swiper-slide .pub_img_box:nth-child(4n) {
    margin-right: 0
  }
}
.business_body .bus_row06 .bus_row06_case .swiper-slide .pub_img_box:before {
  margin-top: 81.25%
}
.business_body .bus_row06 .bus_row06_case .swiper-slide .pub_img_box > img {
  object-fit: contain
}
.business_body .bus_row06 .bus_row06_case .bus_row06_con {
  position: relative
}
.business_body .bus_row06 .bus_row06_case .bus_row06_con .swiper-pagination {
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  top: calc(100% + .35rem);
  bottom: auto
}
.business_body .bus_row06 .bus_row06_case .bus_row06_con .swiper-pagination span {
  width: .12rem;
  height: .12rem;
  opacity: 1;
  background-color: transparent;
  border: 1px solid #4c5b41;
  border-radius: 50%;
  margin: 0 .15rem
}
@media screen and (orientation:landscape) {
  .business_body .bus_row06 .bus_row06_case .bus_row06_con .swiper-pagination span:hover {
    background-color: #4c5b41
  }
}
.business_body .bus_row06 .bus_row06_case .bus_row06_con .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #4c5b41
}
.business_body .bus_row07 {
  background-color: #f1f9e3;
  padding-top: 3.3rem;
  padding-bottom: 2.6rem;
  position: relative;
  overflow: hidden
}
.business_body .bus_row07 .row_case {
  z-index: 2;
  position: relative
}
@media screen and (orientation:landscape) {
  .business_body .bus_row07 .row_case .pub_title_h2 {
    font-size: .54rem;
    line-height: 1
  }
}
.business_body .bus_row07 .row_case .bus_row07_con {
  margin-top: 1.5rem
}
.business_body .bus_row07 .row_case .bus_row07_con .swiper {
  width: 7.5rem;
  overflow: visible
}
.business_body .bus_row07 .row_case .bus_row07_con .swiper .pub_img_box:before {
  margin-top: 58%
}
.business_body .bus_row07 .row_case .bus_row07_con .swiper .pub_img_box > img {
  object-fit: contain
}
.business_body .bus_row07 .row_case .bus_row07_con .swiper .pub_title_h5 {
  z-index: 2;
  text-align: center;
  margin-top: -.2rem;
  position: relative
}
@media screen and (orientation:landscape) {
  .business_body .bus_row07 .row_case .bus_row07_con .swiper .pub_title_h5 {
    font-size: .24rem
  }
}
.business_body .bus_row07 .row_case .bus_row07_con .swiper .swiper-slide {
  transform-origin: 50%;
  transition: transform .7s cubic-bezier(.435, .25, .15, .965);
  transform: scale(.75)
}
.business_body .bus_row07 .row_case .bus_row07_con .swiper .swiper-slide.swiper-slide-prev {
  transform-origin: 150%;
  transform: translateY(-1.5rem)scale(.75)
}
.business_body .bus_row07 .row_case .bus_row07_con .swiper .swiper-slide.swiper-slide-next {
  transform-origin: -50%;
  transform: translateY(1.5rem)scale(.75)
}
.business_body .bus_row07 .row_case .bus_row07_con .swiper .swiper-slide.active {
  transform: scale(1)
}
.business_body .bus_row07 .row_case .bus_row07_con .swiper .page_btn {
  width: 100%;
  pointer-events: none;
  z-index: 3;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.business_body .bus_row07 .row_case .bus_row07_con .swiper .page_btn > div {
  pointer-events: auto;
  background-color: transparent;
  margin: 0
}
.business_body .bus_row07 .row_case .bus_row07_con .swiper .page_btn > div:before {
  display: none
}
.business_body .bus_row07 .row_case .bus_row07_con .swiper .page_btn > div i {
  color: #9cd325;
  transition: color .5s cubic-bezier(.435, .25, .15, .965)
}
@media screen and (orientation:landscape) {
  .business_body .bus_row07 .row_case .bus_row07_con .swiper .page_btn > div i {
    font-size: .26rem
  }
  .business_body .bus_row07 .row_case .bus_row07_con .swiper .page_btn > div:hover i {
    color: #4c5b41 !important
  }
}
.business_body .bus_row07 .bg_ye {
  width: 115.677%;
  position: absolute;
  bottom: -2.12rem;
  right: -1.63rem
}
.business_body .bus_row07 .bg_ye > .pub_img_box {
  width: 42.599%;
  z-index: 1;
  opacity: 0;
  transform-origin: 100% 100%;
  position: absolute;
  bottom: 18.7%;
  right: 4.8%;
  transform: rotate(-40deg);
  -webkit-mask-image: url(a003_0.a88c5ec8.png);
  mask-image: url(a003_0.a88c5ec8.png);
  -webkit-mask-position: 0 100%;
  mask-position: 0 100%;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}
.business_body .bus_row07 .bg_ye > .pub_img_box:before {
  margin-top: 104.025%
}
.business_body .bus_row07 .bg_ye > .pub_img_box > img {
  height: calc(100% + .6rem);
  margin-top: -.6rem
}
.business_body .bus_row07 .bg_ye .r_ye_con {
  z-index: 2;
  width: 100%;
  transform-origin: 100% 100%;
  position: relative;
  transform: scale(0)
}
.business_body .bus_row07 .bg_ye .r_ye_con img {
  width: 100%;
  display: block
}
.business_body .bus_row07 .bg_ye .line_aim {
  width: 18.71rem;
  z-index: 3;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 1.38rem
}
.business_body .bus_row07 .bg_ye.go .line_aim {
  opacity: 1;
  transition: opacity .5s cubic-bezier(.435, .25, .15, .965) 1.6s
}
.business_body .bus_row07 .bg_ye.go .pub_img_box {
  opacity: 1;
  transition: opacity .1s cubic-bezier(.435, .25, .15, .965) .9s, transform .5s cubic-bezier(.435, .25, .15, .965) 1s;
  transform: none
}
.business_body .bus_row07 .bg_ye.go .r_ye_con {
  transition: transform 2s cubic-bezier(.435, .25, .15, .965);
  transform: none
}
.about_body .abo_row01 {
  color: #4c5b41;
  background-color: #ebf5d8;
  position: relative;
  overflow: hidden
}
.about_body .abo_row01 .cou_bg {
  width: 100%;
  height: 100%;
  z-index: 1;
  transform-origin: 0 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0)
}
.about_body .abo_row01 .cou_bg img {
  min-width: 100%
}
.about_body .abo_row01.go .cou_bg {
  transition: transform 1.2s cubic-bezier(.435, .25, .15, .965);
  transform: scale(1)
}
.about_body .abo_row01 .row_case {
  height: 100vh;
  z-index: 2;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 26vh;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.about_body .abo_row01 .row_case > div {
  width: 100%
}
@media screen and (orientation:landscape) {
  .about_body .abo_row01 .row_case {
    padding-left: 1.6rem;
    padding-right: 1.6rem
  }
}
.about_body .abo_row01 .row_case .cou_con {
  overflow: visible
}
.about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide {
  transform-origin: 0 100%;
  -ms-flex-align: start;
  align-items: flex-start;
  transition: transform .7s cubic-bezier(.435, .25, .15, .965);
  display: -ms-flexbox;
  display: flex;
  transform: translateY(-100%)scale(.4415)
}
.about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .time_y {
  color: #9cd325;
  letter-spacing: -.03em;
  padding-right: .62rem;
  font-size: 1.07rem;
  line-height: .9;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(-100%)
}
.about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .his_img {
  width: 6.8rem
}
.about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .his_img .swiper {
  border-radius: .1rem
}
.about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .pub_img_box:before {
  margin-top: 66.6177%
}
.about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right {
  width: calc(100% - 6.8rem);
  padding-top: .03rem;
  padding-bottom: .6rem;
  padding-left: 1.2rem
}
.about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_time {
  color: #9cd325;
  letter-spacing: -.03em;
  font-size: 1.2rem;
  line-height: 1
}
.about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t {
  max-height: 3rem;
  margin-top: .25rem;
  padding-right: .4rem;
  overflow-y: auto
}
.about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t .pub_info, .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t textarea, .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t input {
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: .33rem;
  display: -ms-flexbox;
  display: flex
}
.about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t .pub_info:first-child, .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t .from_box form .form_inp .inp_case textarea:first-child, .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t textarea:first-child, .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t .from_box form .form_inp .inp_case input:first-child, .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t input:first-child {
  margin-top: .2rem
}
.about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t .pub_info span:nth-child(1), .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t .from_box form .form_inp .inp_case textarea span:nth-child(1), .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t textarea span:nth-child(1), .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t .from_box form .form_inp .inp_case input span:nth-child(1), .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t input span:nth-child(1) {
  font-size: .18rem;
  line-height: .36rem
}
.about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t.mor_sty .pub_info, .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t.mor_sty .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t.mor_sty textarea, .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t.mor_sty .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t.mor_sty input {
  margin-top: .23rem
}
.about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide.swiper-slide-prev {
  transform-origin: 0 100%;
  transform: translateY(100%)scale(.4415)
}
.about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide.active {
  transform: scale(1)
}
.about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide.active .time_y {
  opacity: 0
}
.about_body .abo_row01 .row_case .cou_con .page_btn {
  width: 50%;
  position: absolute;
  top: 100%;
  left: 8rem
}
.about_body .abo_row01 .row_case .cou_nav {
  width: 6.8rem;
  margin-top: .66rem;
  margin-left: 0
}
.about_body .abo_row01 .row_case .cou_nav .swiper-slide {
  cursor: pointer;
  color: rgba(0, 65, 40, .3);
  font-size: .18rem;
  line-height: 2;
  transition: color .3s cubic-bezier(.435, .25, .15, .965)
}
.about_body .abo_row01 .row_case .cou_nav .swiper-slide.on {
  color: #9cd325
}
@media screen and (orientation:landscape) {
  .about_body .abo_row01 .row_case .cou_nav .swiper-slide:hover {
    color: #9cd325
  }
}
.about_body .heng_hei {
  min-height: 309.167vw
}
.about_body .abo_row02 {
  color: #55654b;
  background-color: #fdfdfd
}
.about_body .abo_row02 .ami_case {
  width: auto;
  white-space: nowrap;
  background-size: cover;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 0;
  display: -ms-inline-flexbox;
  display: inline-flex
}
.about_body .abo_row02 .ami_case section {
  height: 100vh;
  padding-top: 15vh;
  overflow: hidden
}
.about_body .abo_row02 .ami_case .con_row01 {
  white-space: nowrap;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-left: 3.7rem;
  padding-right: 2.11rem;
  display: -ms-flexbox;
  display: flex
}
.about_body .abo_row02 .ami_case .con_row01 .pub_img_box {
  width: 5.68rem
}
.about_body .abo_row02 .ami_case .con_row01 .pub_img_box:before {
  margin-top: 133.803%
}
.about_body .abo_row02 .ami_case .con_row01 .con_r1_txt {
  margin-left: .74rem;
  padding-top: .8rem
}
.about_body .abo_row02 .ami_case .con_row01 .con_r1_txt > .iconfont {
  color: #9cd325;
  margin-top: -.08rem;
  font-size: .3rem;
  display: block
}
.about_body .abo_row02 .ami_case .con_row01 .con_r1_txt .pub_title_h2 {
  margin-top: .5rem
}
@media screen and (orientation:landscape) {
  .about_body .abo_row02 .ami_case .con_row01 .con_r1_txt .pub_title_h2 {
    font-size: .66rem;
    line-height: 1.1
  }
}
.about_body .abo_row02 .ami_case .con_row01 .con_r1_txt .pub_title_en {
  color: #9cd325;
  margin-top: -.05rem
}
.about_body .abo_row02 .ami_case .con_row02 {
  padding-left: 2.11rem;
  padding-right: 1.4rem
}
.about_body .abo_row02 .ami_case .con_row02 .row_case {
  white-space: nowrap;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex
}
.about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block {
  min-width: 6.78rem;
  padding-top: .8rem;
  padding-right: .8rem
}
.about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block:last-child {
  padding-right: 0
}
.about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block > .pub_img_box {
  width: .84rem
}
.about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block > .pub_img_box > img {
  object-fit: contain;
  object-position: left center
}
.about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block .pub_title_h4 {
  margin-top: .44rem;
  line-height: 1
}
@media screen and (orientation:landscape) {
  .about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block .pub_title_h4 {
    font-size: .4rem
  }
}
.about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block .con_u_con {
  margin-top: .78rem
}
.about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block .con_u_con .con_u_block {
  margin-bottom: .53rem;
  font-size: .24rem;
  font-weight: 700;
  line-height: 1
}
.about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block .con_u_con .con_u_block .con_u_n {
  color: #9cd325;
  margin-bottom: .12rem
}
.about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block.go > .pub_img_box {
  transition-delay: .2s
}
.about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block.go .pub_title_h4 {
  transition-delay: .4s
}
.about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block.go .con_u_block {
  transition-delay: .6s
}
.about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block.go .con_u_block:nth-child(2) {
  transition-delay: .8s
}
.about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block.go .con_u_block:nth-child(3) {
  transition-delay: 1s
}
.about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block.go .sha_btm_box {
  transition-delay: .6s
}
.about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block.go .code_boxs {
  transition-delay: .8s
}
.about_body .abo_row02 .ami_case .con_row02 .sha_btm_box {
  z-index: 3;
  border-bottom: none;
  margin: 0;
  padding: 0;
  position: relative
}
.about_body .abo_row02 .ami_case .con_row02 .sha_btm_box .btn_icon {
  margin-right: .1rem
}
.about_body .abo_row02 .ami_case .con_row02 .sha_btm_box .btn_icon:last-child {
  margin-right: 0
}
.about_body .abo_row02 .ami_case .con_row02 .sha_btm_box .btn_icon h6 {
  width: 100%;
  text-align: center;
  opacity: 0;
  font-size: .14rem;
  line-height: 1;
  transition: opacity .3s cubic-bezier(.435, .25, .15, .965);
  position: absolute;
  top: calc(100% + .18rem);
  left: 0
}
.about_body .abo_row02 .ami_case .con_row02 .sha_btm_box .btn_icon:hover h6 {
  opacity: 1
}
.about_body .abo_row02 .ami_case .con_row02 .code_boxs {
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: .75rem;
  display: -ms-flexbox;
  display: flex
}
.about_body .abo_row02 .ami_case .con_row02 .code_boxs .code_n {
  width: 1.07rem;
  margin-right: .6rem
}
.about_body .abo_row02 .ami_case .con_row02 .code_boxs .code_n h5 {
  text-align: center;
  margin-top: .1rem;
  font-size: .14rem
}
.about_body .abo_row02 .ami_case .con_row02 .code_boxs .pub_img_box:last-child {
  margin-right: 0
}
.about_body .abo_row02 .ami_case .con_row03 {
  padding-left: .22rem;
  padding-right: .1rem
}
.about_body .abo_row02 .ami_case .con_row03 .con_r3 {
  width: 15.24rem;
  position: relative
}
.about_body .abo_row02 .ami_case .con_row03 .con_r3 > img {
  width: 61.81%;
  z-index: 1;
  opacity: 0;
  transform-origin: 0 100%;
  display: block;
  position: absolute;
  left: -1.444%;
  transform: rotate(45deg)
}
.about_body .abo_row02 .ami_case .con_row03 .con_r3 .r_ye_con {
  width: 100%;
  height: 100%;
  z-index: 2;
  position: relative;
  top: 0;
  left: 0;
  -webkit-mask-image: url(p019.863cc558.png);
  mask-image: url(p019.863cc558.png);
  -webkit-mask-position: 0 100%;
  mask-position: 0 100%;
  -webkit-mask-size: 0 0;
  mask-size: 0 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}
.about_body .abo_row02 .ami_case .con_row03 .con_r3 .r_ye_con > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block
}
.about_body .abo_row02 .ami_case .con_row03 .con_r3.go > img {
  opacity: 1;
  transition: opacity .1s cubic-bezier(.435, .25, .15, .965) .6s, transform .5s cubic-bezier(.435, .25, .15, .965) .7s;
  transform: none
}
.about_body .abo_row02 .ami_case .con_row03 .con_r3.go .r_ye_con {
  animation: 1.2s cubic-bezier(.435, .25, .15, .965) forwards maskA
}
.about_body .about_brand_con {
  color: #4c5b41;
  background-color: #fbfbfb
}
@media screen and (orientation:landscape) {
  .about_body .about_brand_con .pub_title_h2 {
    letter-spacing: -.08em;
    font-size: .6rem
  }
}
.about_body .abo_row03 {
  z-index: 2;
  padding-top: 1.5rem;
  padding-bottom: .6rem;
  position: relative
}
.about_body .abo_row03 .pub_case {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex
}
.about_body .abo_row03 .pub_case .j_row03_left {
  width: 9.55rem;
  position: relative
}
.about_body .abo_row03 .pub_case .j_row03_left .pub_title_en {
  width: 100%;
  z-index: 3;
  color: #4c5b41;
  position: absolute;
  top: -.5rem;
  left: .06rem
}
@media screen and (orientation:landscape) {
  .about_body .abo_row03 .pub_case .j_row03_left .pub_title_en {
    font-size: .8rem
  }
  .about_body .abo_row03 .pub_case .j_row03_left .pub_title_en h2 {
    letter-spacing: -.03em
  }
}
.about_body .abo_row03 .pub_case .j_row03_left .j_row03_img {
  width: 9.08rem
}
.about_body .abo_row03 .pub_case .j_row03_right {
  width: 5.45rem;
  margin-top: 4.88rem;
  margin-left: -1rem
}
.about_body .abo_row03 .pub_case .j_row03_right .pub_title_h3 span {
  color: #9cd325
}
@media screen and (orientation:landscape) {
  .about_body .abo_row03 .pub_case .j_row03_right .pub_title_h3 {
    font-size: .6rem;
    line-height: 1
  }
}
.about_body .abo_row03 .pub_case .j_row03_right .pub_info, .about_body .abo_row03 .pub_case .j_row03_right .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row03 .pub_case .j_row03_right textarea, .about_body .abo_row03 .pub_case .j_row03_right .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row03 .pub_case .j_row03_right input {
  color: #062418;
  margin-top: .55rem
}
@media screen and (orientation:landscape) {
  .about_body .abo_row03 .pub_case .j_row03_right .pub_info, .about_body .abo_row03 .pub_case .j_row03_right .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row03 .pub_case .j_row03_right textarea, .about_body .abo_row03 .pub_case .j_row03_right .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row03 .pub_case .j_row03_right input {
    line-height: 1.666
  }
}
.about_body .abo_row03 .pub_case .j_row03_right .pub_info_en {
  margin-top: .2rem
}
.about_body .abo_row04 {
  padding-top: 1rem;
  position: relative;
  overflow: hidden
}
.about_body .abo_row04 .abo_r4_t {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex
}
.about_body .abo_row04 .abo_r4_t .pub_title_h2 {
  margin-top: .64rem
}
.about_body .abo_row04 .abo_r4_t .abo_r4_t_r {
  text-align: right;
  color: #062418;
  margin-bottom: -.06rem
}
.about_body .abo_row04 .abo_r4_con {
  margin-top: 1.63rem
}
.about_body .abo_row04 .abo_r4_con .swiper {
  width: 10rem;
  text-align: center;
  overflow: visible
}
.about_body .abo_row04 .abo_r4_con .swiper .num_y {
  color: #9cd325;
  font-size: 2.5rem;
  line-height: .85
}
.about_body .abo_row04 .abo_r4_con .swiper .pub_info, .about_body .abo_row04 .abo_r4_con .swiper .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row04 .abo_r4_con .swiper textarea, .about_body .abo_row04 .abo_r4_con .swiper .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row04 .abo_r4_con .swiper input {
  margin-top: .6rem
}
@media screen and (orientation:landscape) {
  .about_body .abo_row04 .abo_r4_con .swiper .pub_info, .about_body .abo_row04 .abo_r4_con .swiper .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row04 .abo_r4_con .swiper textarea, .about_body .abo_row04 .abo_r4_con .swiper .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row04 .abo_r4_con .swiper input {
    font-size: .2rem
  }
}
.about_body .abo_row04 .abo_r4_con .swiper .swiper-slide {
  opacity: .3;
  padding-bottom: 2.25rem;
  transition: opacity .7s cubic-bezier(.435, .25, .15, .965);
  position: relative
}
.about_body .abo_row04 .abo_r4_con .swiper .swiper-slide .b004_line {
  width: 100vw;
  opacity: 0;
  transition: opacity .5s cubic-bezier(.435, .25, .15, .965);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%)
}
.about_body .abo_row04 .abo_r4_con .swiper .swiper-slide .pub_info, .about_body .abo_row04 .abo_r4_con .swiper .swiper-slide .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row04 .abo_r4_con .swiper .swiper-slide textarea, .about_body .abo_row04 .abo_r4_con .swiper .swiper-slide .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row04 .abo_r4_con .swiper .swiper-slide input {
  opacity: 0;
  pointer-events: none;
  transition: opacity .7s cubic-bezier(.435, .25, .15, .965), transform .7s cubic-bezier(.435, .25, .15, .965);
  transform: translateY(.5rem)
}
.about_body .abo_row04 .abo_r4_con .swiper .swiper-slide.active, .about_body .abo_row04 .abo_r4_con .swiper .swiper-slide.active .b004_line {
  opacity: 1
}
.about_body .abo_row04 .abo_r4_con .swiper .swiper-slide.active .pub_info, .about_body .abo_row04 .abo_r4_con .swiper .swiper-slide.active .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row04 .abo_r4_con .swiper .swiper-slide.active textarea, .about_body .abo_row04 .abo_r4_con .swiper .swiper-slide.active .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row04 .abo_r4_con .swiper .swiper-slide.active input {
  opacity: 1;
  pointer-events: all;
  transform: none
}
.about_body .abo_row04 .abo_r4_con .swiper .page_btn {
  width: calc(100% + .9rem);
  pointer-events: none;
  z-index: 3;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  top: 1.06rem;
  left: 50%;
  transform: translate(-50%, -50%)
}
.about_body .abo_row04 .abo_r4_con .swiper .page_btn > div {
  pointer-events: auto;
  background-color: transparent;
  margin: 0
}
.about_body .abo_row04 .abo_r4_con .swiper .page_btn > div:before {
  display: none
}
.about_body .abo_row04 .abo_r4_con .swiper .page_btn > div i {
  color: #9cd325;
  transition: color .5s cubic-bezier(.435, .25, .15, .965)
}
@media screen and (orientation:landscape) {
  .about_body .abo_row04 .abo_r4_con .swiper .page_btn > div i {
    font-size: .26rem
  }
  .about_body .abo_row04 .abo_r4_con .swiper .page_btn > div:hover i {
    color: #4c5b41 !important
  }
}
.about_body .abo_row04 .swiper-pagination {
  width: 100%;
  z-index: 2;
  border-radius: 0;
  display: none;
  bottom: 0;
  left: 0
}
.about_body .abo_row04 .swiper-pagination span {
  width: 1px;
  height: 1.7rem;
  opacity: .2;
  transform-origin: 50% 100%;
  background-color: #9cd325;
  transition: opacity .3s cubic-bezier(.435, .25, .15, .965), transform .3s cubic-bezier(.435, .25, .15, .965);
  transform: scaleY(.76)
}
@media screen and (orientation:landscape) {
  .about_body .abo_row04 .swiper-pagination span:hover {
    opacity: 1;
    transform: none
  }
}
.about_body .abo_row04 .swiper-pagination span.swiper-pagination-bullet-active {
  opacity: 1;
  transform: none
}
.about_body .abo_row04:after {
  content: "";
  pointer-events: none;
  z-index: 3;
  width: 100%;
  height: 1.6rem;
  background: linear-gradient(rgba(246, 252, 234, 0) 0%, #fbfbfb 100%);
  display: none;
  position: absolute;
  bottom: 0;
  left: 0
}
.about_body .abo_row05 {
  background-color: #0c583c;
  position: relative;
  overflow: hidden
}
.about_body .abo_row05 .row_case {
  width: 100%;
  z-index: 2;
  color: #fff;
  padding-top: 1.52rem;
  padding-bottom: 1.45rem;
  position: absolute;
  top: 0;
  left: 0
}
.about_body .abo_row05 .row_case .abo_r5_t {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex
}
.about_body .abo_row05 .row_case .abo_r5_t .abo_r5_right {
  width: 6.3rem;
  padding-top: .6rem
}
.about_body .abo_row05 .row_case .abo_r5_t .abo_r5_right .pub_info, .about_body .abo_row05 .row_case .abo_r5_t .abo_r5_right .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row05 .row_case .abo_r5_t .abo_r5_right textarea, .about_body .abo_row05 .row_case .abo_r5_t .abo_r5_right .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row05 .row_case .abo_r5_t .abo_r5_right input {
  margin-top: .32rem
}
@media screen and (orientation:landscape) {
  .about_body .abo_row05 .row_case .abo_r5_t .abo_r5_right .pub_info, .about_body .abo_row05 .row_case .abo_r5_t .abo_r5_right .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row05 .row_case .abo_r5_t .abo_r5_right textarea, .about_body .abo_row05 .row_case .abo_r5_t .abo_r5_right .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row05 .row_case .abo_r5_t .abo_r5_right input {
    font-weight: initial
  }
}
.about_body .abo_row05 .row_case .pub_title_h2 {
  color: #fff
}
.about_body .abo_row05 .abo_r5_nav {
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: .75rem
}
.about_body .abo_row05 .abo_r5_nav > span {
  height: .8rem;
  margin-left: .2rem;
  margin-right: .2rem;
  font-size: .3rem;
  transition: border-color .3s cubic-bezier(.435, .25, .15, .965), background-color 15ms cubic-bezier(.435, .25, .15, .965), color .3s cubic-bezier(.435, .25, .15, .965);
  position: relative;
  overflow: hidden;
  transform: translateZ(0)
}
.about_body .abo_row05 .abo_r5_nav > span span {
  z-index: 2;
  position: relative
}
.about_body .abo_row05 .abo_r5_nav > span:before {
  content: "";
  width: 150%;
  height: 110%;
  z-index: 1;
  transform-origin: 0 100%;
  background-color: #9cd325;
  transition: transform .3s cubic-bezier(.435, .25, .15, .965);
  display: block;
  position: absolute;
  top: -5%;
  left: -25%;
  transform: translateY(100%)skewY(45deg)
}
@media screen and (orientation:landscape) {
  .about_body .abo_row05 .abo_r5_nav > span:hover {
    background-color: #9cd325;
    border-color: #9cd325;
    transition: border-color .3s cubic-bezier(.435, .25, .15, .965), background-color 15ms cubic-bezier(.435, .25, .15, .965) .3s, color .3s cubic-bezier(.435, .25, .15, .965);
    color: #4c5b41 !important
  }
  .about_body .abo_row05 .abo_r5_nav > span:hover:before {
    transform: none
  }
}
.about_body .abo_row05 .abo_r5_con {
  z-index: 1;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative
}
.about_body .abo_row05 .bus_row07_con .swiper {
  width: 100%
}
.about_body .abo_row05 .bus_row07_con .swiper .swiper-wrapper {
  transition-timing-function: linear
}
.about_body .abo_row05 .bus_row07_con .swiper .pub_img_box:before {
  margin-top: 56.25%
}
.about_body .abo_row05 .bg_ye {
  width: 18.26rem;
  position: absolute;
  bottom: -4.26rem;
  right: -.66rem
}
.about_body .abo_row05 .bg_ye > .pub_img_box {
  width: 51.698%;
  z-index: 1;
  opacity: 0;
  transform-origin: 100% 100%;
  position: absolute;
  bottom: 9.9%;
  right: .15%;
  transform: rotate(-45deg);
  -webkit-mask-image: url(a003_0.a88c5ec8.png);
  mask-image: url(a003_0.a88c5ec8.png);
  -webkit-mask-position: 0 100%;
  mask-position: 0 100%;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}
.about_body .abo_row05 .bg_ye > .pub_img_box:before {
  margin-top: 104.025%
}
.about_body .abo_row05 .bg_ye > .pub_img_box > img {
  height: calc(100% + .6rem);
  margin-top: -.6rem
}
.about_body .abo_row05 .bg_ye .r_ye_con {
  z-index: 2;
  width: 100%;
  transform-origin: 100% 100%;
  position: relative;
  transform: scale(0)
}
.about_body .abo_row05 .bg_ye .r_ye_con img {
  width: 100%;
  display: block
}
.about_body .abo_row05 .bg_ye.go .pub_img_box {
  opacity: 1;
  transition: opacity .1s cubic-bezier(.435, .25, .15, .965) .9s, transform .5s cubic-bezier(.435, .25, .15, .965) 1s;
  transform: none
}
.about_body .abo_row05 .bg_ye.go .r_ye_con {
  transition: transform 2s cubic-bezier(.435, .25, .15, .965);
  transform: none
}
.about_body .abo_row06 {
  padding-top: 1.5rem;
  padding-bottom: 1.37rem
}
.about_body .abo_row06 .b_row01_img {
  width: 9.65rem;
  margin-right: -1rem
}
.about_body .abo_row06 .b_row01_img > img {
  margin-top: -.04rem;
  margin-left: 0;
  transform: scale(.8)rotate(-10deg)
}
.about_body .abo_row06 .b_row01_img .pub_img_box {
  -webkit-mask-image: url(a004_0.6dff9828.png);
  mask-image: url(a004_0.6dff9828.png)
}
.about_body .abo_row06 .b_row01_img .pub_img_box:before {
  margin-top: 66.8394%
}
.about_body .abo_row06 .b_row01_img .pub_img_box img {
  height: calc(100% + .6rem);
  margin-top: -.6rem
}
.about_body .abo_row06 .pub_case {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex
}
.about_body .abo_row06 .pub_case .abo_r6_left {
  width: 27.0833vw;
  padding-top: .15rem
}
.about_body .abo_row06 .pub_case .abo_r6_left .title_box {
  margin-top: .58rem
}
.about_body .abo_row06 .pub_case .abo_r6_left .title_box .font_box:nth-child(1) .pub_title_h2 {
  color: #9cd325;
  line-height: 1.2
}
.about_body .abo_row06 .pub_case .abo_r6_left .pub_info, .about_body .abo_row06 .pub_case .abo_r6_left .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row06 .pub_case .abo_r6_left textarea, .about_body .abo_row06 .pub_case .abo_r6_left .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row06 .pub_case .abo_r6_left input {
  color: #062418;
  margin-top: 1.98rem
}
.about_body .abo_row07 {
  padding-top: 1.37rem;
  padding-bottom: 1rem
}
.about_body .abo_row07 .pub_case {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex
}
.about_body .abo_row07 .abo_r7_left {
  width: 34.1146vw;
  margin-right: -1rem;
  padding-top: .68rem
}
.about_body .abo_row07 .abo_r7_left .title_box {
  margin-top: 1.75rem
}
.about_body .abo_row07 .abo_r7_left .title_box .pub_title_h2 {
  line-height: 1.2
}
.about_body .abo_row07 .abo_r7_left .title_box .pub_title_h2 span {
  color: #9cd325;
  font-weight: 700
}
.about_body .abo_row07 .abo_r7_left .pub_info, .about_body .abo_row07 .abo_r7_left .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row07 .abo_r7_left textarea, .about_body .abo_row07 .abo_r7_left .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row07 .abo_r7_left input {
  color: #062418;
  margin-top: .4rem
}
.about_body .abo_row07 .abo_r7_left .pub_info span, .about_body .abo_row07 .abo_r7_left .from_box form .form_inp .inp_case textarea span, .from_box form .form_inp .inp_case .about_body .abo_row07 .abo_r7_left textarea span, .about_body .abo_row07 .abo_r7_left .from_box form .form_inp .inp_case input span, .from_box form .form_inp .inp_case .about_body .abo_row07 .abo_r7_left input span {
  vertical-align: middle;
  color: #9cd325;
  margin-top: -.2rem;
  font-size: .36rem;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex
}
.about_body .abo_row07 .abo_r7_right {
  width: 44.375vw;
  margin-left: -1rem
}
.about_body .abo_row07 .abo_r7_right .pub_img_box {
  opacity: 0;
  transform: translateY(.5rem)
}
.about_body .abo_row07 .abo_r7_right .pub_img_box:before {
  margin-top: 73.3568%
}
.about_body .abo_row07 .abo_r7_right .pub_img_box > img:nth-child(2) {
  opacity: 0;
  transform: translateY(-1rem)
}
.about_body .abo_row07 .abo_r7_right.go .pub_img_box {
  opacity: 1;
  transition: transform 1s cubic-bezier(.435, .25, .15, .965), opacity .5s cubic-bezier(.435, .25, .15, .965);
  transform: none
}
.about_body .abo_row07 .abo_r7_right.go .pub_img_box > img:nth-child(2) {
  opacity: 1;
  transition: transform 1s cubic-bezier(.435, .25, .15, .965) 1s, opacity .5s cubic-bezier(.435, .25, .15, .965) 1s;
  transform: none
}
.about_body .abo_row08 {
  padding-top: 1rem;
  position: relative;
  overflow: hidden
}
.about_body .abo_row08 .r_ye .r_ye_con img {
  width: 59.8958vw;
  height: auto;
  margin-top: -.6rem;
  position: absolute;
  left: auto;
  right: 0
}
.about_body .abo_row08 .r_ye .r_ye_con:after {
  content: "";
  width: 200%;
  height: 200%;
  z-index: 3;
  pointer-events: none;
  background: radial-gradient(circle, rgba(0, 73, 45, 0) 23%, #4c5b41 34%);
  display: block;
  position: absolute;
  bottom: 5%;
  left: -11%
}
.about_body .abo_row08 .title_sty_case {
  position: absolute;
  top: .6rem;
  left: 2.6rem
}
.about_body .abo_row08 .row_case {
  width: 100%;
  z-index: 3;
  color: #fff;
  position: absolute;
  bottom: 1.15rem;
  left: 0
}
.about_body .abo_row08 .row_case .pub_title_h3 {
  font-size: .48rem;
  line-height: 1
}
.about_body .abo_row08 .row_case .pub_info, .about_body .abo_row08 .row_case .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row08 .row_case textarea, .about_body .abo_row08 .row_case .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row08 .row_case input {
  width: 7.7rem;
  font-weight: initial;
  margin-top: .38rem
}
.about_body .abo_row08 .row_case .pub_info span, .about_body .abo_row08 .row_case .from_box form .form_inp .inp_case textarea span, .from_box form .form_inp .inp_case .about_body .abo_row08 .row_case textarea span, .about_body .abo_row08 .row_case .from_box form .form_inp .inp_case input span, .from_box form .form_inp .inp_case .about_body .abo_row08 .row_case input span {
  color: #9cd325
}
.about_body .abo_row08 .row_case .lc_box {
  -ms-flex-align: center;
  align-items: center;
  margin-top: .72rem;
  display: -ms-flexbox;
  display: flex
}
.about_body .abo_row08 .row_case .lc_box > div {
  width: 9.375vw;
  height: 3.125vw;
  color: #9cd325;
  background: #55654b;
  border-radius: 1.5625vw;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .2rem;
  font-weight: 700;
  display: -ms-flexbox;
  display: flex
}
.about_body .abo_row08 .row_case .lc_box > span {
  width: 3px;
  height: 6px;
  background: #9cd325;
  margin: 0 .43rem;
  position: relative
}
.about_body .abo_row08 .row_case .lc_box > span:before, .about_body .abo_row08 .row_case .lc_box > span:after {
  content: "";
  width: 2px;
  height: 2px;
  background-color: #9cd325;
  margin-top: -1px;
  position: absolute;
  top: 50%
}
.about_body .abo_row08 .row_case .lc_box > span:before {
  left: -.98958vw
}
.about_body .abo_row08 .row_case .lc_box > span:after {
  right: .98958vw
}
.about_body .corporate_con {
  color: #4c5b41;
  background-color: #fff
}
@media screen and (orientation:landscape) {
  .about_body .corporate_con .pub_title_h2 {
    letter-spacing: -.08em;
    font-size: .6rem
  }
}
.about_body .abo_row09 {
  padding-top: 1.8rem;
  padding-bottom: 2.2rem;
  position: relative;
  overflow: hidden
}
.about_body .abo_row09 > img {
  width: 100%;
  z-index: 1;
  position: absolute;
  top: -3.2rem;
  left: 0
}
.about_body .abo_row09 .row_case {
  z-index: 2;
  position: relative
}
.about_body .abo_row09 .row_case .pub_img_box {
  width: 44.9479vw;
  margin-left: auto;
  margin-right: auto
}
.about_body .abo_row09 .row_case .pub_img_box:before {
  margin-top: 58.0533%
}
.about_body .abo_row09 .row_case .pub_img_box > img {
  object-fit: contain
}
.about_body .abo_row10 {
  z-index: 2;
  padding-top: .1rem;
  padding-bottom: .6rem;
  position: relative
}
.about_body .abo_row10 .pub_case .j_row03_left {
  width: 11.98rem;
  position: relative
}
.about_body .abo_row10 .pub_case .j_row03_left .pub_title_en {
  width: 100%;
  z-index: 3;
  color: #4c5b41;
  position: absolute;
  top: 0;
  left: 0
}
@media screen and (orientation:landscape) {
  .about_body .abo_row10 .pub_case .j_row03_left .pub_title_en h2 {
    letter-spacing: -.04em
  }
}
.about_body .abo_row10 .pub_case .j_row03_left .pub_title_en .title_sty_case {
  margin-bottom: .7rem
}
.about_body .abo_row10 .pub_case .j_row03_left .j_row03_img {
  width: 9.94rem;
  margin-left: auto
}
.about_body .abo_row10 .pub_case .j_row03_right {
  width: 6.88rem;
  margin-top: -.16rem;
  margin-left: auto;
  margin-right: -1rem
}
.about_body .abo_row10 .pub_case .j_row03_right .pub_title_h3 {
  color: #9cd325;
}
@media screen and (orientation:landscape) {
  .about_body .abo_row10 .pub_case .j_row03_right .pub_title_h3 {
    font-size: .6rem;
    line-height: 1
  }
}
.about_body .abo_row10 .pub_case .j_row03_right .pub_info, .about_body .abo_row10 .pub_case .j_row03_right .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row10 .pub_case .j_row03_right textarea, .about_body .abo_row10 .pub_case .j_row03_right .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row10 .pub_case .j_row03_right input {
  color: #9cd325;
  margin-top: .38rem
}
@media screen and (orientation:landscape) {
  .about_body .abo_row10 .pub_case .j_row03_right .pub_info, .about_body .abo_row10 .pub_case .j_row03_right .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row10 .pub_case .j_row03_right textarea, .about_body .abo_row10 .pub_case .j_row03_right .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row10 .pub_case .j_row03_right input {
    letter-spacing: -.02em;
    line-height: 1.666
  }
}
.about_body .abo_row11 {
  z-index: 1;
  margin-top: -2.2rem;
  position: relative;
  overflow: hidden
}
.about_body .abo_row11 .abo_r11_bg {
  z-index: 1;
  position: relative
}
.about_body .abo_row11 .abo_r11_bg > img {
  width: 100%;
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0
}
.about_body .abo_row11 .abo_r11_bg .pub_img_box:before {
  margin-top: 81.8324%
}
.about_body .abo_row11 .row_case {
  width: 100%;
  z-index: 2;
  padding-bottom: 3.5rem;
  position: absolute;
  bottom: 0;
  left: 0
}
.about_body .abo_row11 .row_case .pub_case {
  color: #fff;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex
}
.about_body .abo_row11 .row_case .pub_case .title_sty_case {
  margin-bottom: .05rem
}
.about_body .abo_row11 .row_case .pub_case .pub_title_en {
  color: #fff
}
.about_body .abo_row11 .row_case .pub_case .abo_r11_left {
  margin-bottom: -.26rem
}
.about_body .abo_row11 .row_case .pub_case .abo_r11_right {
  width: 7.7rem;
  margin-right: -1rem
}
.about_body .abo_row11 .row_case .pub_case .abo_r11_right .pub_title_h2 {
  color: #9cd325;
  line-height: 1.2
}
.about_body .abo_row11 .row_case .pub_case .abo_r11_right .pub_info, .about_body .abo_row11 .row_case .pub_case .abo_r11_right .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row11 .row_case .pub_case .abo_r11_right textarea, .about_body .abo_row11 .row_case .pub_case .abo_r11_right .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row11 .row_case .pub_case .abo_r11_right input {
  margin-top: .45rem
}
.about_body .abo_row12 {
  padding-top: 2.83rem;
  padding-bottom: 1.15rem
}
.about_body .abo_row12 .b_row01_img {
  width: 994rem
}
.about_body .abo_row12 .b_row01_img > img {
  margin-top: -.04rem;
  margin-left: .45rem;
  transform: scale(.8)rotate(-10deg)
}
.about_body .abo_row12 .b_row01_img .pub_img_box {
  -webkit-mask-image: url(a004_0.6dff9828.png);
  mask-image: url(a004_0.6dff9828.png)
}
.about_body .abo_row12 .b_row01_img .pub_img_box:before {
  margin-top: 66.8394%
}
.about_body .abo_row12 .b_row01_img .pub_img_box img {
  height: calc(100% + .6rem);
  margin-top: -.6rem
}
.about_body .abo_row12 .pub_case .abo_r12_t {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex
}
.about_body .abo_row12 .pub_case .abo_r6_left {
  width: 20.8333vw;
  padding-bottom: .5rem
}
.about_body .abo_row12 .pub_case .abo_r6_left .pub_title_en {
  color: #4c5b41;
  margin-top: .05rem
}
.about_body .abo_row12 .pub_case .abo_r12_btm {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 0;
  line-height: 1;
  display: -ms-flexbox;
  display: flex
}
@media screen and (orientation:landscape) {
  .about_body .abo_row12 .pub_case .abo_r12_btm > div {
    width: 100%;
    margin-top: .3rem
  }
  .about_body .abo_row12 .pub_case .abo_r12_btm > div:first-child {
    margin-top: 0
  }
  .about_body .abo_row12 .pub_case .abo_r12_btm > div > .pub_title_h5 {
    font-size: .44rem
  }
  .about_body .abo_row12 .pub_case .abo_r12_btm > div:nth-child(2) {
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex
  }
}
.about_body .abo_row12 .pub_case .abo_r12_btm > div > .pub_title_h5 {
  text-indent: 0 !important
}
@media screen and (orientation:landscape) {
  .about_body .abo_row12 .pub_case .abo_r12_btm > div > .pub_title_h4 {
    margin-top: .3rem;
    font-size: .27rem;
    line-height: 1.2
  }
}
.about_body .abo_row12 .pub_case .abo_r12_btm > div > div {
  margin-top: .5rem
}
@media screen and (orientation:landscape) {
  .about_body .abo_row12 .pub_case .abo_r12_btm > div > div .pub_title_h4 {
    margin-top: .2rem;
    font-size: .15rem;
    line-height: 1
  }
}
.about_body .abo_row12 .pub_case .abo_r12_btm .pub_title_h5 {
  font-weight: initial
}
@media screen and (orientation:landscape) {
  .about_body .abo_row12 .pub_case .abo_r12_btm .pub_title_h5 {
    font-size: .3rem;
    line-height: 1
  }
}
.about_body .abo_row12 .pub_case .abo_r12_btm .pub_title_h4 {
  color: #94c339;
  font-weight: 600
}
.about_body .cor_btm {
  position: relative
}
.about_body .cor_btm > img {
  width: 100%;
  z-index: 0;
  pointer-events: none;
  display: block;
  position: absolute;
  top: 0;
  left: 0
}
.about_body .cor_btm .line001 {
  z-index: 2;
  margin-top: -1.5rem
}
.about_body .cor_btm .line002 {
  margin-top: -2.84rem
}
.about_body .cor_btm .line003 {
  margin-top: -.95rem
}
.about_body .cor_btm .cor_f_casae {
  -webkit-mask-image: url(a015.9d10a408.png);
  mask-image: url(a015.9d10a408.png);
  -webkit-mask-position: top;
  mask-position: top;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}
.about_body .cor_btm .abo_row13 {
  width: 100%;
  z-index: 1;
  padding-top: 1px;
  position: sticky;
  top: 0;
  left: 0
}
.about_body .cor_btm .abo_row13 .pub_img_box:before {
  margin-top: 75.2341%
}
.about_body .cor_btm .abo_row13 .pub_img_box:after {
  z-index: 2;
  content: "";
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-color: rgba(0, 0, 0, .2);
  display: block;
  position: absolute;
  top: 0;
  left: 0
}
.about_body .cor_btm .abo_r13_txt {
  z-index: 2;
  height: 75.3125vw;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: -75.3125vw;
  padding-top: 1.8rem;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.about_body .cor_btm .abo_r13_txt .abo_r13 {
  text-align: center;
  color: #fff;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}
.about_body .cor_btm .abo_r13_txt .abo_r13 > img {
  width: 4.71rem;
  margin-bottom: .76rem
}
.about_body .cor_btm .abo_r13_txt .abo_r13 .pub_title_h5 {
  margin-bottom: .26rem
}
@media screen and (orientation:landscape) {
  .about_body .cor_btm .abo_r13_txt .abo_r13 .pub_title_h5 {
    font-size: .24rem;
    line-height: 1
  }
  .about_body .cor_btm .abo_r13_txt .abo_r13 .pub_title_h4 {
    font-size: .6rem;
    line-height: 1
  }
}
.about_body .cor_btm .foot {
  z-index: 2;
  position: relative
}
.about_body .company_con {
  color: #4c5b41;
  background-color: #fbfbfb
}
.about_body .abo_row14 {
  background-color: #4c5b41;
  padding-top: 0
}
.about_body .abo_row14 .bus_row01_ani {
  height: 350vh
}
.about_body .abo_row14 .bus_row01_ani.on .bus_row01_left .j_row03_img .swiper .swiper-slide .pub_img_box:after, .about_body .abo_row14 .bus_row01_ani.on .bus_row01_left .j_row03_img .swiper .swiper-slide .pub_img_box .iconfont {
  opacity: 1;
  pointer-events: all
}
.about_body .abo_row14 .bus_row01_left {
  height: 100vh;
  width: 100%;
  z-index: 2;
  position: sticky;
  top: 0;
  left: 0
}
.about_body .abo_row14 .bus_row01_left .j_row03_img {
  width: 100%;
  height: 100%;
  margin-left: 0;
  animation-name: conLeft;
  animation-timing-function: cubic-bezier(.4, 0, 1, 1)
}
@keyframes conLeft {
  0% {
    transform: translate(0)
  }
  72% {
    transform: translate(0)
  }
  95% {
    transform: translate(36%)
  }
  to {
    transform: translate(36%)
  }
}
.about_body .abo_row14 .bus_row01_left .j_row03_img .pub_img_box {
  height: 100%;
  animation-name: maskYe2;
  -webkit-mask-image: url(ac005.7fdc387d.png);
  mask-image: url(ac005.7fdc387d.png);
  -webkit-mask-position: 25.8% 45.5%;
  mask-position: 25.8% 45.5%;
  -webkit-mask-size: 3rem;
  mask-size: 3rem
}
.about_body .abo_row14 .bus_row01_left .j_row03_img .pub_img_box:before {
  display: none
}
.about_body .abo_row14 .bus_row01_left .j_row03_img .pub_img_box .swiper {
  width: 100%;
  height: 100%;
  transform-origin: 21% 48%;
  animation-name: swiperScale;
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
  transform: scale(.24)
}
.about_body .abo_row14 .bus_row01_left .j_row03_img .pub_img_box .swiper .swiper-slide {
  height: 100%;
  padding-top: 1px
}
.about_body .abo_row14 .bus_row01_left .j_row03_img .pub_img_box .swiper .swiper-slide .pub_img_box {
  height: 138.956%;
  margin-top: -2.34rem;
  animation-name: heightS;
  -webkit-mask-image: none;
  mask-image: none
}
.about_body .abo_row14 .bus_row01_left .j_row03_img .pub_img_box .swiper .swiper-slide .pub_img_box img, .about_body .abo_row14 .bus_row01_left .j_row03_img .pub_img_box .swiper .swiper-slide .pub_img_box video {
  margin: 0
}
.about_body .abo_row14 .bus_row01_left .j_row03_img .pub_img_box .swiper .swiper-slide .pub_img_box:after {
  content: "";
  z-index: 2;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  background-color: rgba(0, 0, 0, .4);
  transition: opacity .3s cubic-bezier(.435, .25, .15, .965);
  display: block;
  position: absolute;
  top: 0;
  left: 0
}
.about_body .abo_row14 .bus_row01_left .j_row03_img .pub_img_box .swiper .swiper-slide .pub_img_box .iconfont {
  opacity: 0;
  pointer-events: none;
  z-index: 3;
  width: 1.4rem;
  height: 1.4rem;
  color: #fff;
  cursor: pointer;
  margin-top: -.7rem;
  margin-left: -.7rem;
  font-size: 1.4rem;
  transition: color .3s cubic-bezier(.435, .25, .15, .965);
  position: absolute;
  top: 50%;
  left: 50%
}
@media screen and (orientation:landscape) {
  .about_body .abo_row14 .bus_row01_left .j_row03_img .pub_img_box .swiper .swiper-slide .pub_img_box .iconfont:hover {
    color: #9cd325
  }
}
.about_body .abo_row14 .bus_row01_left .j_row03_img .pub_img_box .swiper .swiper-slide .pub_img_box .iconfont.on {
  opacity: 1;
  pointer-events: auto
}
@keyframes swiperScale {
  1% {
    transform: scale(.24)
  }
  50% {
    transform: scale(1)
  }
  to {
    transform: scale(1)
  }
}
@keyframes heightS {
  1% {
    height: 138.956%;
    margin-top: -2.34rem
  }
  35% {
    height: 138.956%;
    margin-top: -1.8rem
  }
  65% {
    height: 100%;
    margin-top: 0
  }
  to {
    height: 100%;
    margin-top: 0
  }
}
.about_body .abo_row14 .bus_row01_left .j_row03_img .pub_img_box .swiper img, .about_body .abo_row14 .bus_row01_left .j_row03_img .pub_img_box .swiper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block
}
@keyframes maskYe2 {
  0% {
    -webkit-mask-size: 3rem;
    mask-size: 3rem
  }
  70% {
    -webkit-mask-size: 100%;
    mask-size: 100%
  }
  to {
    -webkit-mask-size: 100%;
    mask-size: 100%
  }
}
.about_body .abo_row14 .bus_row01_left .left_txt_box {
  width: 7.68rem;
  height: 100%;
  z-index: 3;
  background-color: #fbfbfb;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 15.9vh;
  padding-left: 1.18rem;
  padding-right: 1rem;
  animation-name: txtLeft;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(calc(-.45rem - 100%))
}
@keyframes txtLeft {
  0% {
    transform: translate(calc(-.45rem - 100%))
  }
  70% {
    transform: translate(calc(-.45rem - 100%))
  }
  95% {
    transform: translate(0)
  }
  to {
    transform: translate(0)
  }
}
.about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con {
  width: 100%
}
.about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con .pub_info, .about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con textarea, .about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con input {
  color: #6b6b6b
}
@media screen and (orientation:landscape) {
  .about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con .pub_info, .about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con textarea, .about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con input {
    font-size: .15rem;
    line-height: 1.7
  }
}
.about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con .pub_info_en {
  color: rgba(0, 57, 35, .5);
  margin-top: .27rem
}
.about_body .abo_row14 .bus_row01_left .left_txt_box .page_btn {
  margin-right: -.45rem;
  position: absolute;
  bottom: 1rem;
  right: 0
}
.about_body .abo_row14 .bus_row01_left .left_txt_box .page_btn .swiper-button-prev.swiper-button-disabled, .about_body .abo_row14 .bus_row01_left .left_txt_box .page_btn .swiper-button-next.swiper-button-disabled {
  opacity: 0
}
.about_body .abo_row14 .pub_case {
  color: #fff;
  margin-top: -100vh;
  padding-top: calc(45.5vh - 1.365rem)
}
.about_body .abo_row14 .pub_case .bus_row01_right {
  width: 7rem;
  margin-left: auto;
  padding-top: .29rem
}
@media screen and (orientation:landscape) {
  .about_body .abo_row14 .pub_case .bus_row01_right .pub_info, .about_body .abo_row14 .pub_case .bus_row01_right .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row14 .pub_case .bus_row01_right textarea, .about_body .abo_row14 .pub_case .bus_row01_right .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row14 .pub_case .bus_row01_right input {
    letter-spacing: -.03em;
    font-size: .2rem;
    font-weight: 700;
    line-height: 1.6
  }
}
.about_body .abo_row14 .pub_case .bus_row01_right .pub_info_en {
  color: rgba(255, 255, 255, .5);
  margin-top: .49rem
}
.about_body .abo_row14 .pub_case .cun_case {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 1.9rem;
  padding-bottom: 2.1rem;
  display: -ms-flexbox;
  display: flex
}
.about_body .abo_row14 .pub_case .cun_case .com_r1_block .num_box {
  color: #9cd325;
  align-items: baseline;
  font-size: .18rem;
  display: -ms-flexbox;
  display: flex
}
.about_body .abo_row14 .pub_case .cun_case .com_r1_block .num_box span {
  padding-right: .2rem;
  font-size: .9rem;
  line-height: .8
}
.about_body .abo_row14 .pub_case .cun_case .com_r1_block h5 {
  margin-top: .1rem;
  font-size: .2rem;
  line-height: 1
}
.about_body .abo_row15 {
  background-color: #fbfbfb;
  padding-top: 2.75rem;
  padding-bottom: 5.7rem;
  position: relative
}
.about_body .abo_row15 .step_02_case .step_02 {
  width: 7.2rem;
  height: 7.2rem
}
.about_body .abo_row15 .step_02_case .step_02 > img {
  width: 213.33%
}
.about_body .abo_row15 .step_02_case .step_02 .step_02_con {
  padding-bottom: .64rem
}
.about_body .abo_row15 .step_02_case .step_02 .step_02_con .pub_title_h2 {
  color: #9cd325;
  text-align: center;
  display: block
}
.about_body .abo_row15 .step_02_case .step_02 .step_02_con .pub_title_h2 span {
  margin-right: 0;
  font-size: 1.2rem;
  line-height: .75
}
@media screen and (orientation:landscape) {
  .about_body .abo_row15 .step_02_case .step_02 .step_02_con .pub_title_h2 {
    font-size: .48rem;
    line-height: 1.375
  }
}
.about_body .abo_row15 .step_02_case .step_02 .step_02_con .pub_info, .about_body .abo_row15 .step_02_case .step_02 .step_02_con .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row15 .step_02_case .step_02 .step_02_con textarea, .about_body .abo_row15 .step_02_case .step_02 .step_02_con .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row15 .step_02_case .step_02 .step_02_con input {
  text-align: center;
  margin-top: .3rem
}
@media screen and (orientation:landscape) {
  .about_body .abo_row15 .step_02_case .step_02 .step_02_con .pub_info, .about_body .abo_row15 .step_02_case .step_02 .step_02_con .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row15 .step_02_case .step_02 .step_02_con textarea, .about_body .abo_row15 .step_02_case .step_02 .step_02_con .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row15 .step_02_case .step_02 .step_02_con input {
    font-size: .2rem
  }
}
.about_body .abo_row15 .step_02_case .step_02 .dot_quan {
  transform: rotate(-45deg)
}
.about_body .abo_row15 .step_02_case .step_02 .step_con_case .step_block .icon_con {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}
.about_body .abo_row15 .step_02_case .step_02 .step_con_case .step_block .icon_con .icon_det {
  width: 35%;
  height: 35%;
  background-color: #e6e6e6;
  transform: none
}
.about_body .abo_row15 .step_02_case .step_02 .step_con_case .step_block .icon_con .icon_det i {
  font-size: .12rem
}
.about_body .abo_row15 .step_02_case .step_02 .step_con_case .step_block .icon_con .icon_det span {
  width: 2rem;
  height: .62rem;
  color: #fff;
  background-color: #e6e6e6;
  border-radius: .5rem 0;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: -.35rem;
  margin-left: -1rem;
  font-size: .24rem;
  font-weight: 700;
  transition: background-color .3s cubic-bezier(.435, .25, .15, .965);
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%
}
.about_body .abo_row15 .step_02_case .step_02 .step_con_case .step_block.aniS .icon_con .icon_det, .about_body .abo_row15 .step_02_case .step_02 .step_con_case .step_block.aniS .icon_con .icon_det span {
  background-color: #9cd325
}
.about_body .abo_row15 .step_02_case .step_02 .rift_case {
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0
}
.about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae {
  position: absolute;
  transform: translate(-50%, -50%)
}
.about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(1), .about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(2), .about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(3), .about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(4), .about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(5), .about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(6) {
  transform: translate(50%, -50%)
}
.about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae .fir_sty {
  white-space: nowrap;
  color: #fff;
  background: #efefef;
  border-radius: .7rem 0;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  animation-name: moveAnimation;
  animation-duration: 10s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
  display: -ms-flexbox;
  display: flex
}
@keyframes moveAnimation {
  0% {
    transform: translate(0)
  }
  25% {
    transform: translate(-10%, -30%)
  }
  50% {
    transform: translate(-15%)
  }
  75% {
    top: 50px;
    left: 75px;
    transform: translate(-10%, 10%)
  }
  to {
    transform: translate(0)
  }
}
.about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:first-child {
  top: 12.222%;
  right: 140.11%
}
.about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:first-child .fir_sty {
  width: 8.85417vw;
  height: 2.44792vw;
  color: #fff;
  background: #efefef;
  font-size: .83333vw
}
.about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(2) {
  bottom: 7.44%;
  right: 138.222%
}
.about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(2) .fir_sty {
  width: 6.25vw;
  height: 2.08333vw;
  font-size: .72917vw;
  animation-delay: .8s
}
.about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(3) {
  top: 2%;
  right: 105%
}
.about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(3) .fir_sty {
  width: 7.8125vw;
  height: 3.64583vw;
  font-size: 1.25vw;
  animation-delay: 1.6s
}
.about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(4) {
  top: 34.22%;
  right: 120.44%
}
.about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(4) .fir_sty {
  width: 6.25vw;
  height: 2.08333vw;
  font-size: .72917vw;
  animation-delay: 5.2s
}
.about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(5) {
  top: 87.44%;
  right: 111.22%
}
.about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(5) .fir_sty {
  width: 8.33333vw;
  height: 3.33333vw;
  font-size: 1.25vw;
  animation-delay: 4s
}
.about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(6) {
  top: 106.22%;
  right: 74.44%
}
.about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(6) .fir_sty {
  width: 9.375vw;
  height: 2.08333vw;
  color: #fff;
  background: #efefef;
  font-size: .72917vw;
  animation-delay: 6s
}
.about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(7) {
  bottom: 104.88%;
  left: 92.888%
}
.about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(7) .fir_sty {
  width: 7.8125vw;
  height: 2.08333vw;
  color: #fff;
  background: #efefef;
  font-size: .72917vw;
  animation-delay: 8s
}
.about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(8) {
  top: 25.22%;
  left: 117.11%
}
.about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(8) .fir_sty {
  width: 7.29167vw;
  height: 2.08333vw;
  font-size: .72917vw;
  animation-delay: 7s
}
.about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(9) {
  top: 50%;
  left: 122.666%
}
.about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(9) .fir_sty {
  width: 7.8125vw;
  height: 3.64583vw;
  font-size: 1.25vw;
  animation-delay: 2.5s
}
.about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(10) {
  top: 1.055%;
  left: 134.666%
}
.about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(10) .fir_sty {
  width: 9.375vw;
  height: 2.44792vw;
  font-size: .83333vw;
  animation-delay: 5.8s
}
.about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(11) {
  top: 98.777%;
  left: 134.44%
}
.about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(11) .fir_sty {
  width: 8.33333vw;
  height: 2.44792vw;
  color: #fff;
  background: #efefef;
  font-size: .83333vw;
  animation-delay: 6.3s
}
.about_body .abo_row15 .abo_r15_btm {
  width: 100%;
  z-index: 3;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0
}
.about_body .abo_row15 .abo_r15_btm img {
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0
}
.about_body .abo_row15 .abo_r15_btm .zc {
  z-index: 2;
  position: relative
}
.about_body .abo_row15 .abo_r15_btm .line06 {
  margin-top: .2rem
}
.about_body .abo_row15 .abo_r15_btm .line07 {
  margin-top: -1.45rem
}
.about_body .abo_row15 .abo_r15_btm .line05 {
  z-index: 3;
  margin-top: -.45rem
}
.about_body .com_btm {
  width: 100%;
  margin-top: -1px
}
@media screen and (orientation:landscape) {
  .about_body .com_btm {
    z-index: 22;
    margin-top: -200px;
    position: relative
  }
}
.about_body .abo_row16 {
  overflow-clip: contain;
  padding-top: .4rem;
  padding-bottom: 1.9rem;
  position: relative
}
.about_body .abo_row16 .abo_r16_t {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: .55rem;
  display: -ms-flexbox;
  display: flex
}
.about_body .abo_row16 .abo_r16_t .abo_r16_r {
  width: 7.35rem;
  margin-right: -1rem
}
@media screen and (orientation:landscape) {
  .about_body .abo_row16 .abo_r16_t .abo_r16_r .pub_title_h2 {
    font-size: .6rem
  }
}
.about_body .abo_row16 .abo_r16_t .abo_r16_r .pub_info, .about_body .abo_row16 .abo_r16_t .abo_r16_r .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row16 .abo_r16_t .abo_r16_r textarea, .about_body .abo_row16 .abo_r16_t .abo_r16_r .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row16 .abo_r16_t .abo_r16_r input {
  color: #7b7b7b;
  margin-top: .52rem
}
@media screen and (orientation:landscape) {
  .about_body .abo_row16 .abo_r16_t .abo_r16_r .pub_info, .about_body .abo_row16 .abo_r16_t .abo_r16_r .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row16 .abo_r16_t .abo_r16_r textarea, .about_body .abo_row16 .abo_r16_t .abo_r16_r .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row16 .abo_r16_t .abo_r16_r input {
    font-size: .2rem
  }
}
.about_body .abo_row16 .abo_r16_btm {
  position: relative
}
.about_body .abo_row16 .abo_r16_btm > img {
  display: block;
  position: absolute
}
.about_body .abo_row16 .abo_r16_btm .y_sty01 {
  z-index: 3;
  width: 6.71rem;
  top: 5.14rem;
  right: 12.49rem
}
.about_body .abo_row16 .abo_r16_btm .y_sty02 {
  z-index: 1;
  width: 7.56rem;
  top: 5.45rem;
  right: 12.07rem
}
.about_body .abo_row16 .r_ye {
  width: 19.25rem;
  z-index: 2;
  margin-bottom: 0;
  margin-left: 1.6rem
}
.about_body .abo_row16 .r_ye .pub_img_box:before {
  margin-top: 61.4545%
}
.about_body .abo_row16 .r_ye .r_ye_con {
  -webkit-mask-image: url(a022.4aeb1418.png);
  mask-image: url(a022.4aeb1418.png);
  -webkit-mask-position: 100% 100%;
  mask-position: 100% 100%
}
.about_body .abo_row16 .r_ye .r_ye_con .sha_img {
  z-index: 3;
  width: 57.143%;
  height: auto;
  position: absolute;
  top: 79%;
  left: 74%
}
.about_body .abo_row17 {
  z-index: 2;
  height: 200vh;
  position: relative
}
.about_body .abo_row17 .com_r17 {
  width: 100%;
  position: sticky;
  top: 0;
  left: 0
}
.about_body .abo_row17 .com_r17_con {
  height: 100vh
}
.about_body .abo_row17 .com_r17_con > img {
  width: 18.0729vw;
  pointer-events: none;
  display: block;
  position: absolute;
  top: 0;
  left: 0
}
.about_body .abo_row17 .com_r17_con .com_r17_txt {
  width: 100%;
  height: 100%;
  padding-top: 1.25rem;
  padding-bottom: 1.45rem;
  position: absolute;
  top: 0;
  left: 0
}
.about_body .abo_row17 .com_r17_con .com_r17_txt .pub_case {
  height: 100%;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -ms-flexbox;
  display: flex
}
.about_body .abo_row17 .com_r17_con .com_r17_txt .pub_case .pub_title_h2 {
  color: #4c5b41;
  display: block
}
.about_body .abo_row17 .com_r17_con .com_r17_txt .pub_case .pub_title_h2 span {
  font-weight: 400;
  display: block
}
@media screen and (orientation:landscape) {
  .about_body .abo_row17 .com_r17_con .com_r17_txt .pub_case .pub_title_h2 {
    font-size: .4rem
  }
}
.about_body .abo_row17 .com_r17_con .com_r17_txt .pub_case .pub_info, .about_body .abo_row17 .com_r17_con .com_r17_txt .pub_case .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row17 .com_r17_con .com_r17_txt .pub_case textarea, .about_body .abo_row17 .com_r17_con .com_r17_txt .pub_case .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row17 .com_r17_con .com_r17_txt .pub_case input {
  color: #55654b;
  margin-top: .56rem
}
@media screen and (orientation:landscape) {
  .about_body .abo_row17 .com_r17_con .com_r17_txt .pub_case .pub_info, .about_body .abo_row17 .com_r17_con .com_r17_txt .pub_case .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row17 .com_r17_con .com_r17_txt .pub_case textarea, .about_body .abo_row17 .com_r17_con .com_r17_txt .pub_case .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row17 .com_r17_con .com_r17_txt .pub_case input {
    font-size: .2rem
  }
}
.about_body .abo_row17 .com_r17_con .com_r17_txt.col_w .pub_case .pub_title_h2, .about_body .abo_row17 .com_r17_con .com_r17_txt.col_w .pub_case .pub_info, .about_body .abo_row17 .com_r17_con .com_r17_txt.col_w .pub_case .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row17 .com_r17_con .com_r17_txt.col_w .pub_case textarea, .about_body .abo_row17 .com_r17_con .com_r17_txt.col_w .pub_case .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row17 .com_r17_con .com_r17_txt.col_w .pub_case input {
  color: #fff
}
.about_body .abo_row17 .j_row03_img {
  width: 100%;
  height: 100%;
  margin-left: 0
}
.about_body .abo_row17 .j_row03_img > img {
  width: 9.94rem;
  height: auto;
  margin-top: 0;
  margin-left: auto;
  top: 8%;
  left: 35%
}
.about_body .abo_row17 .j_row03_img .pub_img_box {
  height: 100%;
  animation-name: maskYe3;
  -webkit-mask-position: 68% 0;
  mask-position: 68% 0;
  -webkit-mask-size: 9.94rem;
  mask-size: 9.94rem
}
.about_body .abo_row17 .j_row03_img .pub_img_box:before {
  display: none
}
@keyframes maskYe3 {
  0% {
    -webkit-mask-position: 68% 0;
    mask-position: 68% 0;
    -webkit-mask-size: 9.94rem;
    mask-size: 9.94rem
  }
  30% {
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: 100%;
    mask-size: 100%
  }
  to {
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: 300%;
    mask-size: 300%
  }
}
.about_body .abo_row17 .j_row03_img .pub_img_box .com_r17_txt {
  z-index: 3
}
.mark_nav_case {
  position: relative
}
.n_color {
  width: 100%;
  height: 100vh;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0
}
.swiper-button-disabled {
  pointer-events: none !important
}
.pub_txt_body {
  color: #55654b;
  background-color: #fdfdfd;
  font-size: .16rem
}
.pub_txt_body .banner_case {
  height: 1.1rem
}
.pub_txt_body .inv_row04 {
  padding-top: 1.1rem;
  padding-bottom: 1.65rem
}
.pub_txt_body .inv_row04 .i_row04 {
  margin: 0 auto
}
@media screen and (orientation:landscape) {
  .pub_txt_body .inv_row04 .i_row04 {
    max-width: 65%;
    width: 910px
  }
  .pub_txt_body .inv_row04 .i_row04 .pub_title_h2 {
    font-size: .4rem;
    line-height: 1.2
  }
  .pub_txt_body .inv_row04 .i_row04 .pub_title_h5 {
    font-size: .3rem;
    line-height: 1
  }
}
.pub_txt_body .inv_row04 .i_row04 time {
  line-height: 1;
  font-weight: initial;
  margin-top: .54rem;
  display: block
}
.pub_txt_body .inv_row04 .i_row04 .pub_title_h2, .pub_txt_body .inv_row04 .i_row04 .pub_title_h5, .pub_txt_body .inv_row04 .i_row04 time {
  text-align: center
}
.pub_txt_body .inv_row04 .i_row04 .pub_title_h5 {
  margin-top: .38rem
}
.pub_txt_body .inv_row04 .i_row04 .i_row04_con {
  margin-top: .84rem;
  font-weight: 600
}
@media screen and (orientation:landscape) {
  .pub_txt_body .inv_row04 .i_row04 .i_row04_con {
    font-size: .16rem;
    line-height: 1.625
  }
}
.pub_txt_body .inv_row04 .i_row04 .i_row04_con p {
  margin-bottom: .1rem
}
.pub_txt_body .inv_row04 .i_row04 .i_row04_con > div {
  text-indent: 0;
  padding-top: .5rem;
  padding-bottom: 1rem
}
.pub_txt_body .inv_row04 .i_row04 .i_row04_con h3 {
  margin-top: .4rem;
  font-size: .26rem
}
.pub_txt_body .inv_row04 .i_row04 .i_row04_con li {
  margin-bottom: .1rem
}
.pub_txt_body .inv_row04 .i_row04 .i_row04_con strong {
  font-size: .22rem;
  font-weight: 700;
  line-height: 1.2;
  display: block
}
.pub_txt_body .inv_row04 .i_row04 .i_row04_con .btn_aj_more {
  display: none
}
.pub_txt_body .inv_row04 .i_row04 .i_row04_con.all_x {
  padding-bottom: 2.47rem;
  position: relative;
  overflow: hidden
}
.pub_txt_body .inv_row04 .i_row04 .i_row04_con.all_x:before {
  content: "";
  height: 3rem;
  width: 100%;
  z-index: 3;
  background: linear-gradient(rgba(249, 255, 238, .7) 0, #fdfdfd 98%);
  display: block;
  position: absolute;
  bottom: 0;
  left: 0
}
.pub_txt_body .inv_row04 .i_row04 .i_row04_con.all_x .btn_aj_more {
  width: 100%;
  z-index: 4;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 2rem;
  left: 0
}
.pub_txt_body .inv_row04 .i_row04 .i_row04_con.all_x > p {
  width: 100%;
  pointer-events: none;
  position: absolute
}
.pub_txt_body .inv_row04 .i_row04 .i_row04_con.all_x > p:first-child {
  pointer-events: all;
  position: relative
}
.marketing_body {
  background-color: #fdebce;
  font-size: .83333vw
}
.marketing_body .custom {
  display: none
}
.marketing_body .pro_det_row01 {
  z-index: 2;
  position: relative
}
.marketing_body .pro_det_row01 .banner_box .pub_img_box:before {
  margin-top: 69.7917%;
  display: none
}
.marketing_body .pro_det_row01 .banner_box .pub_img_box > img {
  height: auto;
  position: relative
}
.marketing_body .market_con {
  background-position: 0 0;
  background-size: 100%;
  margin-top: -9.89583vw
}
.marketing_body .market_con .ye_sty {
  width: 15.625vw;
  z-index: 0;
  display: block;
  position: absolute
}
.marketing_body .market_con .q_sty {
  width: 13.5417vw;
  z-index: 3;
  display: block;
  position: absolute
}
.marketing_body .market_con .h_sty {
  width: 14.8438vw;
  z-index: 3;
  display: block;
  position: absolute
}
.marketing_body .market_con .ye2_sty {
  width: 13.5938vw;
  z-index: 0;
  display: block;
  position: absolute
}
.marketing_body .market_con .row_top {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex
}
.marketing_body .market_con .row_top .pub_title_en {
  color: #f2552b
}
.marketing_body .market_con .row_top .pub_title_h3 {
  color: #914717;
  letter-spacing: -.02em;
  margin-top: 5px;
  font-size: 1.97917vw;
  line-height: 1
}
.marketing_body .market_con .row_top .tow_t_r {
  color: #944c1d;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 1.25vw;
  line-height: 1;
  display: -ms-flexbox;
  display: flex
}
.marketing_body .market_con .row_top .tow_t_r span {
  margin-left: 1.82292vw;
  padding-left: .83333vw;
  position: relative
}
.marketing_body .market_con .row_top .tow_t_r span:before {
  content: "";
  width: .08rem;
  height: .08rem;
  background-color: #cf3c1b;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: .625vw;
  left: 0
}
.marketing_body .market_con .row_top.no_title {
  display: none
}
.marketing_body .market_con .row_top.no_title + .m_r1_con {
  margin-top: 0 !important
}
.marketing_body .market_con .title_sty {
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 6px rgba(158, 0, 34, .63);
  height: 6.40625vw;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2.34375vw;
  font-weight: 700;
  line-height: 1;
  display: -ms-flexbox;
  display: flex
}
.marketing_body .market_con .title_sty .t_con {
  -ms-flex-pack: center;
  justify-content: center;
  align-items: baseline;
  display: -ms-flexbox;
  display: flex
}
.marketing_body .market_con .title_sty .t_con span {
  font-size: 3.64583vw;
  font-weight: initial
}
.marketing_body .market_con .title_sty .t_con .t_span {
  font-size: 3.95833vw
}
.marketing_body .market_con .mark_btn {
  margin-left: auto;
  margin-right: auto;
  display: block
}
.marketing_body .market_con .mark_btn img {
  width: 100%;
  display: block
}
.marketing_body .market_con .mar_row01 {
  padding-top: 19.7917vw;
  position: relative
}
.marketing_body .market_con .mar_row01 .sty01 {
  top: 8.33333vw;
  right: 0
}
.marketing_body .market_con .mar_row01 .title_sty {
  opacity: 0;
  pointer-events: none
}
@media screen and (orientation:portrait) {
  .marketing_body .market_con .mar_row01 .title_sty {
    display: none
  }
}
.marketing_body .market_con .mar_row01 .m_r1_con {
  width: 105%;
  margin-top: 3.69792vw;
  margin-left: -2.5%;
  margin-right: -2.5%;
  position: relative
}
.marketing_body .market_con .mar_row01 .m_r1_con .sty02 {
  top: 37.5vw;
  left: -6.77083vw
}
.marketing_body .market_con .mar_row01 .m_r1_con .pub_img_box {
  z-index: 0;
  position: relative
}
.marketing_body .market_con .mar_row01 .m_r1_con .pub_img_box:before {
  margin-top: 78.7075%;
  display: none
}
.marketing_body .market_con .mar_row01 .m_r1_con .pub_img_box img {
  height: auto;
  position: relative
}
.marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0
}
.marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen {
  width: 58.9583vw;
  margin: 6.09375vw auto 0
}
.marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .from_box form {
  -ms-flex-pack: justify;
  justify-content: space-between
}
.marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .from_box form .form_inp {
  width: 24%;
  margin-top: 0;
  padding-top: 4.16667vw;
  position: relative
}
.marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .from_box form .form_inp > label {
  width: 100%;
  color: #391e07;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 1.5625vw;
  font-weight: 500;
  line-height: 1;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 1.82292vw;
  left: 0
}
.marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .from_box form .form_inp > label em {
  color: #d91414;
  margin-left: .4em;
  font-size: 2.1875vw
}
.marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .from_box form .form_inp .inp_case .inp_sha {
  opacity: 1;
  border-radius: .2rem;
  border-color: #ff7651 !important
}
.marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .from_box form .form_inp .inp_case input {
  color: rgba(0, 0, 0, .5);
  text-align: left;
  height: .8rem;
  border-radius: .2rem;
  padding-left: .9375vw;
  padding-right: .9375vw
}
.marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .from_box form .form_inp .inp_case input::-ms-input-placeholder {
  color: rgba(0, 0, 0, .5)
}
.marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .from_box form .form_inp .inp_case input::placeholder {
  color: rgba(0, 0, 0, .5)
}
.marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .from_box form .form_inp .inp_case input.error_sty {
  background-color: rgba(206, 32, 32, .1)
}
.marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .from_box form .form_inp .sel_block {
  height: .8rem;
  border-radius: .2rem;
  transition: background-color .3s cubic-bezier(.435, .25, .15, .965)
}
.marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .from_box form .form_inp .sel_block .sel_show {
  background-color: transparent
}
.marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .from_box form .form_inp .sel_block .sel_show span {
  text-align: left;
  color: rgba(0, 0, 0, .5);
  padding-left: .9375vw
}
.marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .from_box form .form_inp .sel_block .sel_show i {
  color: #ff7651
}
@media screen and (orientation:landscape) {
  .marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .from_box form .form_inp .sel_block .sel_box ul li:hover {
    background-color: #d91414
  }
}
.marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .from_box form .form_inp .sel_block .sel_sha {
  opacity: 1;
  border-radius: .2rem;
  border-color: #ff7651 !important
}
.marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .from_box form .form_inp .sel_block.error_sty {
  background-color: rgba(206, 32, 32, .1)
}
.marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .show_icon {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 3.54167vw;
  padding-left: 1.5625vw;
  padding-right: 1.5625vw;
  display: -ms-flexbox;
  display: flex
}
.marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .show_icon .pub_img_box {
  width: 11.1979vw
}
.marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .show_icon .pub_img_box:before {
  margin-top: 137.674%
}
.marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .show_icon .pub_img_box > img {
  object-fit: contain
}
.marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .show_icon .pub_img_box:nth-child(2n) {
  margin-top: 2.08333vw
}
.marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .mark_btn {
  width: 40.9896vw;
  height: 17.4479vw;
  margin-top: 10px
}
.marketing_body .market_con .mar_row01.mar_row01-1 {
  padding-bottom: 3.64583vw
}
.marketing_body .market_con .mar_row01.mar_row01-1 .title_sty {
  opacity: 1;
  pointer-events: all;
  position: relative
}
.marketing_body .market_con .mar_row01.mar_row01-1 .title_sty > img {
  width: 27.3958vw;
  z-index: 1;
  margin-left: -13.6979vw;
  display: block;
  position: absolute;
  top: 0;
  left: 50%
}
.marketing_body .market_con .mar_row01.mar_row01-1 .title_sty .t_con {
  z-index: 2;
  position: relative
}
.marketing_body .market_con .mar_row01.mar_row01-1 .m_r1_con .from_box {
  margin-bottom: 3.125vw
}
.marketing_body .market_con .mar_row01.mar_row01-1 .m_r1_con .m_r1_t {
  position: relative
}
.marketing_body .market_con .mar_row01.mar_row01-1 .m_r1_con .m_r1_t .m_r1_cen {
  margin-top: 4.16667vw
}
@media screen and (orientation:portrait) {
  .marketing_body .market_con .mar_row01.mar_row01-1 {
    padding-bottom: .6rem
  }
  .marketing_body .market_con .mar_row01.mar_row01-1 .title_sty {
    display: -ms-flexbox;
    display: flex
  }
  .marketing_body .market_con .mar_row01.mar_row01-1 .title_sty > img {
    width: 3.1rem;
    margin-left: -1.55rem;
    transform: translateY(-16%)
  }
  .marketing_body .market_con .mar_row01.mar_row01-1 .m_r1_con .from_box {
    margin-bottom: .3rem
  }
  .marketing_body .market_con .mar_row01.mar_row01-1 .m_r1_con .m_r1_t .m_r1_cen {
    margin-top: .2rem
  }
}
.marketing_body .market_con .mar_row02 {
  padding-top: 16.4063vw;
  position: relative
}
.marketing_body .market_con .mar_row02 .sty03 {
  top: 32.9688vw;
  left: 0
}
.marketing_body .market_con .mar_row02 .title_sty {
  padding-top: 10px
}
.marketing_body .market_con .mar_row02 .m_r1_con {
  width: 103.857%;
  margin-top: 4.01042vw;
  margin-left: -1.9285%;
  margin-right: -1.9285%;
  position: relative
}
.marketing_body .market_con .mar_row02 .m_r1_con .sty04 {
  top: 44.2708vw;
  right: -7.8125vw
}
.marketing_body .market_con .mar_row02 .m_r1_con > .pub_img_box {
  z-index: 0;
  position: relative
}
.marketing_body .market_con .mar_row02 .m_r1_con > .pub_img_box:before {
  margin-top: 92.5034%
}
.marketing_body .market_con .mar_row02 .m_r1_con .m_r1_t {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0
}
.marketing_body .market_con .mar_row02 .m_r1_con .m_r1_t .m_r1_cen {
  width: 63.5417vw;
  margin: 8.07292vw auto 0
}
.marketing_body .market_con .mar_row02 .m_r1_con .m_r1_t .m_r1_cen .show_icon {
  position: relative
}
.marketing_body .market_con .mar_row02 .m_r1_con .m_r1_t .m_r1_cen .show_icon .step_jd {
  width: 100%;
  position: absolute;
  top: 4.16667vw;
  left: 0;
  overflow: hidden
}
.marketing_body .market_con .mar_row02 .m_r1_con .m_r1_t .m_r1_cen .show_icon .step_jd img {
  width: 100%;
  display: block
}
.marketing_body .market_con .mar_row02 .m_r1_con .m_r1_t .m_r1_cen .show_icon .step_jd img:nth-child(2) {
  transition: width .7s cubic-bezier(.435, .25, .15, .965);
  position: absolute;
  top: 0;
  left: 0
}
.marketing_body .market_con .mar_row02 .m_r1_con .m_r1_t .m_r1_cen .swiper_n {
  overflow: visible
}
.marketing_body .market_con .mar_row02 .m_r1_con .m_r1_t .m_r1_cen .swiper_n .swiper-slide {
  cursor: pointer;
  height: 6.14583vw;
  position: relative
}
.marketing_body .market_con .mar_row02 .m_r1_con .m_r1_t .m_r1_cen .swiper_n .swiper-slide > img {
  opacity: 0;
  width: 147.29%;
  transition: opacity .3s cubic-bezier(.435, .25, .15, .965);
  position: absolute;
  top: .05rem;
  left: 50%;
  transform: translate(-50%)
}
.marketing_body .market_con .mar_row02 .m_r1_con .m_r1_t .m_r1_cen .swiper_n .swiper-slide span {
  color: #d76c26;
  z-index: 2;
  text-align: center;
  font-size: 1.25vw;
  font-weight: 700;
  line-height: 1;
  transition: color .3s cubic-bezier(.435, .25, .15, .965), text-shadow .3s cubic-bezier(.435, .25, .15, .965), transform .3s cubic-bezier(.435, .25, .15, .965);
  display: block;
  position: relative;
  transform: translateY(140%)
}
.marketing_body .market_con .mar_row02 .m_r1_con .m_r1_t .m_r1_cen .swiper_n .swiper-slide.on > img {
  opacity: 1
}
.marketing_body .market_con .mar_row02 .m_r1_con .m_r1_t .m_r1_cen .swiper_n .swiper-slide.on span {
  color: #fff;
  text-shadow: 1px 1px 6px rgba(158, 0, 34, .63);
  transform: translateY(88%)
}
@media screen and (orientation:landscape) {
  .marketing_body .market_con .mar_row02 .m_r1_con .m_r1_t .m_r1_cen .swiper_n .swiper-slide:hover > img {
    opacity: 1
  }
  .marketing_body .market_con .mar_row02 .m_r1_con .m_r1_t .m_r1_cen .swiper_n .swiper-slide:hover span {
    color: #fff;
    text-shadow: 1px 1px 6px rgba(158, 0, 34, .63);
    transform: translateY(88%)
  }
}
.marketing_body .market_con .mar_row02 .m_r1_con .m_r1_t .m_r1_cen .swiper_c, .marketing_body .market_con .mar_row02 .m_r1_con .m_r1_t .m_r1_cen .swiper_c .pub_img_box {
  border-radius: 0 0 1.5625vw 1.5625vw
}
.marketing_body .market_con .mar_row02 .m_r1_con .m_r1_t .m_r1_cen .swiper_c .pub_img_box:before {
  margin-top: 57.377%
}
.marketing_body .market_con .mar_row02 .m_r1_con .m_r1_t .m_r1_cen .mark_btn {
  width: 52.2917vw;
  height: 18.4375vw;
  margin-top: 1.97917vw
}
.marketing_body .market_con .mar_row03 {
  padding-top: 20.8333vw;
  position: relative
}
.marketing_body .market_con .mar_row03 .sty05 {
  top: 12.5vw;
  right: 0
}
.marketing_body .market_con .mar_row03 .title_sty {
  padding-top: .1rem
}
.marketing_body .market_con .mar_row03 .row_top .pub_title_h3 {
  margin-top: 1.5625vw
}
.marketing_body .market_con .mar_row03 .tow_t_r {
  color: #9b572e;
  font-size: 1.04167vw
}
.marketing_body .market_con .mar_row03 .m_r1_con {
  width: 110.358%;
  margin-top: 4.01042vw;
  margin-left: -5.73%;
  margin-right: -5.73%;
  position: relative
}
.marketing_body .market_con .mar_row03 .m_r1_con .sty04 {
  top: 80.9896vw;
  left: -5.72917vw
}
.marketing_body .market_con .mar_row03 .m_r1_con > .pub_img_box {
  z-index: 0;
  position: relative
}
.marketing_body .market_con .mar_row03 .m_r1_con > .pub_img_box:before {
  margin-top: 146.926%
}
.marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0
}
.marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .title_sty > div {
  -ms-flex-pack: end;
  justify-content: flex-end;
  align-items: baseline;
  display: -ms-flexbox;
  display: flex
}
.marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .title_sty span {
  margin-bottom: -.1em
}
.marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .title_sty .fir_s {
  font-size: 2.86458vw
}
.marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .title_sty .sen_s {
  font-size: 3.64583vw
}
.marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen {
  width: 61.875vw;
  margin: 8.85417vw auto 0
}
.marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen .m_r3_con a {
  margin-bottom: 2.34375vw;
  padding-bottom: .1rem;
  display: block;
  position: relative
}
.marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen .m_r3_con a > img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0
}
.marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen .m_r3_con a .num_case {
  width: 11.0417vw;
  height: 3.69792vw;
  z-index: 2;
  position: absolute;
  top: -.29px;
  left: -.78125vw
}
.marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen .m_r3_con a .num_case > img {
  width: 100%;
  display: block
}
.marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen .m_r3_con a .num_case > div {
  height: 2.60417vw;
  color: #fff;
  text-shadow: 1px 1px 6px rgba(153, 59, 35, .21);
  -ms-flex-align: center;
  align-items: center;
  padding-left: .9375vw;
  font-size: 1.30208vw;
  font-weight: 700;
  line-height: 1;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: .05rem;
  left: 0
}
.marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen .m_r3_con a .num_case > div span {
  text-shadow: 1px 1px 6px rgba(153, 59, 35, .21);
  width: 2.29167vw;
  text-align: center;
  color: #e13000;
  margin-right: .1rem;
  font-size: 1.5625vw;
  font-style: italic;
  line-height: 3.125vw
}
.marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen .m_r3_con a .m_r3_txt {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}
.marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen .m_r3_con a .m_r3_txt .pub_img_box {
  width: 26.9792vw
}
.marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen .m_r3_con a .m_r3_txt .pub_img_box:before {
  margin-top: 72.973%
}
.marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen .m_r3_con a .m_r3_txt .mr3_t {
  width: calc(100% - 26.9792vw);
  padding-left: 8.33333vw;
  padding-right: 4.6875vw
}
.marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen .m_r3_con a .m_r3_txt .mr3_t .mar_h4 {
  color: #f86841;
  text-shadow: -3px -3px #f5e8b6, -3px 3px #f5e8b6, 3px -3px #f5e8b6, 3px 3px #f5e8b6, 0 9px 9px rgba(255, 0, 42, .28);
  font-size: 2.08333vw;
  font-weight: 700
}
.marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen .m_r3_con a .m_r3_txt .mr3_t .mar_info {
  color: #6f4800;
  margin-top: 1.45833vw;
  font-size: 1.19792vw;
  font-weight: 500;
  line-height: 1.35417vw
}
.marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen .mark_btn {
  width: 40.9375vw;
  height: 17.4479vw;
  margin-top: 3.4375vw
}
.marketing_body .market_con .mar_row04 {
  padding-top: 20.0521vw;
  padding-bottom: 15.625vw;
  position: relative
}
.marketing_body .market_con .mar_row04 .sty06 {
  top: 17.1875vw;
  right: 4.6875vw
}
.marketing_body .market_con .mar_row04 .sty05 {
  bottom: -1.82292vw;
  left: 0
}
.marketing_body .market_con .mar_row04 .title_sty {
  padding-top: 1.97917vw
}
.marketing_body .market_con .mar_row04 .title_sty .small_mr5 {
  margin-top: .9375vw;
  font-size: 1.04167vw;
  line-height: 1
}
.marketing_body .market_con .mar_row04 .m_r1_con {
  width: 110.358%;
  margin-top: 3.75vw;
  margin-left: -5.73%;
  margin-right: -5.73%;
  position: relative
}
.marketing_body .market_con .mar_row04 .m_r1_con > .pub_img_box {
  z-index: 0;
  position: relative
}
.marketing_body .market_con .mar_row04 .m_r1_con > .pub_img_box:before {
  margin-top: 73.7864%
}
.marketing_body .market_con .mar_row04 .m_r1_con .m_r1_t {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0
}
.marketing_body .market_con .mar_row04 .m_r1_con .m_r1_t .m_r1_cen {
  width: 59.7396vw;
  margin: 10.0521vw auto 0
}
.marketing_body .market_con .mar_row04 .m_r1_con .m_r1_t .m_r1_cen .pub_img_box:before {
  margin-top: 48.0384%
}
.marketing_body .market_con .mar_row04 .m_r1_con .m_r1_t .m_r1_cen .m_r5_con {
  position: relative
}
.marketing_body .market_con .mar_row04 .m_r1_con .m_r1_t .m_r1_cen .m_r5_con .swiper-pagination {
  bottom: -3.4375vw
}
.marketing_body .market_con .mar_row04 .m_r1_con .m_r1_t .m_r1_cen .m_r5_con .swiper-pagination span {
  width: .83333vw;
  height: .83333vw;
  opacity: 1;
  background-color: #928e88;
  margin: 0 .1rem;
  transition: background-color .3s cubic-bezier(.435, .25, .15, .965)
}
.marketing_body .market_con .mar_row04 .m_r1_con .m_r1_t .m_r1_cen .m_r5_con .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #9cd325
}
@media screen and (orientation:landscape) {
  .marketing_body .market_con .mar_row04 .m_r1_con .m_r1_t .m_r1_cen .m_r5_con .swiper-pagination span:hover {
    background-color: #9cd325
  }
}
.marketing_body .market_con .mar_row04 .m_r1_con .m_r1_t .m_r1_cen .mark_btn {
  width: 41.9792vw;
  height: 16.1979vw;
  margin-top: 7.03125vw
}
.marketing_body .market_con .mar_row05 {
  z-index: 3;
  position: relative
}
.marketing_body .market_con .mar_row05 > img {
  width: 100%;
  display: block
}
.marketing_body .market_con .mar_row05 .row_case {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.marketing_body .market_con .mar_row05 .row_case .pub_case {
  width: 100%;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 19.5313vw;
  padding-left: 9px;
  padding-right: 8.22917vw;
  display: -ms-flexbox;
  display: flex
}
.marketing_body .market_con .mar_row05 .row_case .pub_case .mark_btn {
  width: 42.9167vw;
  height: 22.2396vw
}
.marketing_body .market_img img {
  width: 100%;
  display: block
}
.marketing_body .pro_det_row08 {
  background-color: transparent
}
.marketing_body.activity_1 .market_con .mar_row01 .title_sty {
  opacity: 1;
  pointer-events: all
}
@media screen and (orientation:portrait) {
  .marketing_body.activity_1 .market_con .mar_row01 .title_sty {
    display: -ms-flexbox;
    display: flex
  }
  .marketing_body.activity_1 .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen {
    margin-top: 12%
  }
  .marketing_body.activity_1 .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .from_box form .form_inp {
    margin-top: 5%;
    padding-top: 14%
  }
  .marketing_body.activity_1 .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .mark_btn {
    margin-top: 10%
  }
}
.marketing_body.activity_2 .market_con .mar_row01 {
  padding-bottom: 2.08333vw
}
.marketing_body.activity_2 .market_con .mar_row01 .row_top {
  display: none
}
.marketing_body.activity_2 .market_con .mar_row01 .m_r1_con {
  margin-top: 0
}
.marketing_body.activity_2 .market_con .mar_row01 .m_r1_con .sty02 {
  display: none
}
.marketing_body.activity_2 .market_con .mar_row02 {
  padding-top: 0
}
.marketing_body.activity_2 .market_con .mar_row02 .row_top .pub_title_en {
  display: none
}
@media screen and (orientation:portrait) {
  .marketing_body.activity_2 .market_con .mar_row01 {
    padding-bottom: .6rem
  }
  .marketing_body.activity_2 .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .mark_btn {
    width: 110%;
    height: auto;
    margin-left: -5%
  }
  .marketing_body.activity_2 .market_con .mar_row02 {
    padding-top: .5rem
  }
}
.about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con .pub_info, .about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con textarea, .about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con input {
  letter-spacing: -.055em
}
.com_r1_block h5 {
  font-weight: 500
}
@media screen and (orientation:landscape) {
  body.not_Safari .banner_t_title, body.not_Safari .pub_title_h2 {
    font-weight: 800
  }
  body.not_Safari h3, body.not_Safari .h3, body.not_Safari .pub_title_h3 {
    font-weight: 600
  }
  body.not_Safari h4, body.not_Safari .h4, body.not_Safari .pub_title_h4 {
    font-weight: 500
  }
  body.not_Safari h2 {
    font-weight: 550;
    line-height: 1.5
  }
  body.not_Safari .tab_sty_case {
    font-weight: 500
  }
  body.not_Safari .banner_t_info {
    font-weight: 300
  }
  body.not_Safari .pub_title_h5 {
    font-weight: 500
  }
  body.not_Safari .bus_row02 .bus_r_nav, body.not_Safari .pub_info, body.not_Safari .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.not_Safari textarea, body.not_Safari .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.not_Safari input {
    font-weight: 300
  }
  body.not_Safari .parameter_case .pub_info, body.not_Safari .parameter_case .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.not_Safari .parameter_case textarea, body.not_Safari .parameter_case .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.not_Safari .parameter_case input, body.not_Safari .from_box form .form_inp .inp_case textarea, body.not_Safari .from_box form .form_inp .inp_case input {
    font-weight: 600
  }
  body.not_Safari .from_box form .btn_sty span, body.not_Safari .add_case .add_box .add_n_con span, body.not_Safari .add_case .add_box .add_n_con .pub_info, body.not_Safari .add_case .add_box .add_n_con .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.not_Safari .add_case .add_box .add_n_con textarea, body.not_Safari .add_case .add_box .add_n_con .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.not_Safari .add_case .add_box .add_n_con input {
    font-weight: 500
  }
  body.not_Safari.pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info .pro_mark_case ul li {
    font-weight: 600;
    line-height: 1
  }
  body.not_Safari .pub_title_h2 span, body.not_Safari .pub_title_h2 small {
    font-weight: 800
  }
  body.not_Safari.about_body .abo_row17 .com_r17_con .com_r17_txt .pub_case .pub_title_h2 {
    letter-spacing: -.01em
  }
  body.not_Safari.about_body .abo_row17 .com_r17_con .com_r17_txt .pub_case .pub_info, body.not_Safari.about_body .abo_row17 .com_r17_con .com_r17_txt .pub_case .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.not_Safari.about_body .abo_row17 .com_r17_con .com_r17_txt .pub_case textarea, body.not_Safari.about_body .abo_row17 .com_r17_con .com_r17_txt .pub_case .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.not_Safari.about_body .abo_row17 .com_r17_con .com_r17_txt .pub_case input {
    letter-spacing: -.055em
  }
  body.not_Safari .cou_con_t .pub_info, body.not_Safari .cou_con_t .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.not_Safari .cou_con_t textarea, body.not_Safari .cou_con_t .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.not_Safari .cou_con_t input, body.not_Safari.about_body .abo_row04 .abo_r4_con .swiper .pub_info, body.not_Safari.about_body .abo_row04 .abo_r4_con .swiper .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.not_Safari.about_body .abo_row04 .abo_r4_con .swiper textarea, body.not_Safari.about_body .abo_row04 .abo_r4_con .swiper .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.not_Safari.about_body .abo_row04 .abo_r4_con .swiper input {
    font-weight: 600
  }
  body.not_Safari.about_body .about_brand_con .pub_title_h2 {
    letter-spacing: -.04em
  }
  body.not_Safari.about_body .abo_row05 .row_case .abo_r5_t .abo_r5_right .pub_info, body.not_Safari.about_body .abo_row05 .row_case .abo_r5_t .abo_r5_right .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.not_Safari.about_body .abo_row05 .row_case .abo_r5_t .abo_r5_right textarea, body.not_Safari.about_body .abo_row05 .row_case .abo_r5_t .abo_r5_right .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.not_Safari.about_body .abo_row05 .row_case .abo_r5_t .abo_r5_right input {
    font-weight: 300
  }
  body.not_Safari .abo_row06 .pub_title_h2 {
    line-height: 1.2
  }
  body.not_Safari.about_body .abo_row06 .pub_case .abo_r6_left .pub_info, body.not_Safari.about_body .abo_row06 .pub_case .abo_r6_left .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.not_Safari.about_body .abo_row06 .pub_case .abo_r6_left textarea, body.not_Safari.about_body .abo_row06 .pub_case .abo_r6_left .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.not_Safari.about_body .abo_row06 .pub_case .abo_r6_left input, body.not_Safari.about_body .abo_row08 .row_case .lc_box > div, body.not_Safari.new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .btn_sty_box .btn_sty span {
    font-weight: 500
  }
  body.not_Safari.new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .btn_sty_box .btn_sty.btn_line span {
    font-weight: 600
  }
  body.not_Safari.about_body .abo_row12 .pub_case .abo_r12_btm .pub_title_h5 {
    /*text-indent: -.6em*/
  }
  body.not_Safari.about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con .pub_info, body.not_Safari.about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.not_Safari.about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con textarea, body.not_Safari.about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.not_Safari.about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con input {
    font-weight: 600
  }
  body.not_Safari.pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div .pub_info, body.not_Safari.pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.not_Safari.pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div textarea, body.not_Safari.pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.not_Safari.pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div input {
    font-weight: 500
  }
  body.not_Safari.pro_det_body .pro_det_row06 .row_case .pub_info, body.not_Safari.pro_det_body .pro_det_row06 .row_case .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.not_Safari.pro_det_body .pro_det_row06 .row_case textarea, body.not_Safari.pro_det_body .pro_det_row06 .row_case .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.not_Safari.pro_det_body .pro_det_row06 .row_case input {
    font-weight: 300
  }
  body.not_Safari.pro_det_body .pro_det_row13 .pub_info, body.not_Safari.pro_det_body .pro_det_row13 .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.not_Safari.pro_det_body .pro_det_row13 textarea, body.not_Safari.pro_det_body .pro_det_row13 .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.not_Safari.pro_det_body .pro_det_row13 input {
    font-weight: 600
  }
  body.not_Safari.pro_det_body .pro_det_row14 .banner_box .banner_txt_case .banner_t_title {
    letter-spacing: .06em
  }
  body.not_Safari.pro_det_body .pro_det_row14 .banner_box .banner_txt_case .banner_t_info {
    font-weight: 100
  }
  body.not_Safari.pro_det_body .pro_det_row15 .row15_con .row15_c_right > .pub_info, body.not_Safari.pro_det_body .pro_det_row15 .row15_con .from_box form .form_inp .inp_case .row15_c_right > textarea, .from_box form .form_inp .inp_case body.not_Safari.pro_det_body .pro_det_row15 .row15_con .row15_c_right > textarea, body.not_Safari.pro_det_body .pro_det_row15 .row15_con .from_box form .form_inp .inp_case .row15_c_right > input, .from_box form .form_inp .inp_case body.not_Safari.pro_det_body .pro_det_row15 .row15_con .row15_c_right > input {
    font-weight: 600
  }
  body.not_Safari.pro_det_body .pro_det_row17 .row17_con .swiper-slide .pub_title_h6 {
    font-weight: 500
  }
  body.not_Safari.pro_det_body .pro_det_row21 .row_case .pub_case .row21_block .pub_info, body.not_Safari.pro_det_body .pro_det_row21 .row_case .pub_case .row21_block .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.not_Safari.pro_det_body .pro_det_row21 .row_case .pub_case .row21_block textarea, body.not_Safari.pro_det_body .pro_det_row21 .row_case .pub_case .row21_block .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.not_Safari.pro_det_body .pro_det_row21 .row_case .pub_case .row21_block input, body.not_Safari.pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box .h_txt .pub_info, body.not_Safari.pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box .h_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.not_Safari.pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box .h_txt textarea, body.not_Safari.pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box .h_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.not_Safari.pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box .h_txt input, body.not_Safari.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_top .pub_info, body.not_Safari.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_top .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.not_Safari.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_top textarea, body.not_Safari.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_top .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.not_Safari.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_top input, body.not_Safari.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .pub_info, body.not_Safari.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.not_Safari.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block textarea, body.not_Safari.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.not_Safari.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block input {
    font-weight: 300
  }
  body.not_Safari.pro_det_body .pro_det_row23 .pub_title_h3 {
    font-weight: 500
  }
  body.not_Safari.pro_det_body .pro_det_row24 .pub_title_h5 {
    font-weight: 600
  }
  body.not_Safari .com_tab_box span {
    font-weight: 500
  }
  body.not_Safari .b_row03_con .from_box form .form_inp label {
    font-weight: 400
  }
  body.not_Safari .brand_row04 .b_row03_con .from_box form .form_inp label {
    font-weight: 300
  }
  body.not_Safari.brand_body .b_row01_list .pub_title_h3 {
    font-weight: 500
  }
  body.not_Safari.brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li .pub_info, body.not_Safari.brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.not_Safari.brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li textarea, body.not_Safari.brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.not_Safari.brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li input, body.not_Safari .sel_block .sel_show span {
    font-weight: 600
  }
  body.not_Safari .sel_block .sel_box ul li {
    font-weight: 400
  }
  body.not_Safari .brand_row02 .pub_title_h3, body.not_Safari .brand_row04 .pub_title_h3, body.not_Safari .pro_det_row04 .pub_title_h3, body.not_Safari .pro_det_row06 .pub_title_h3, body.not_Safari .pro_det_row12 .pub_title_h3, body.not_Safari .pro_det_row13 .pub_title_h3, body.not_Safari .pro_det_row24 .pub_title_h3, body.not_Safari .new_row03 .pub_title_h3, body.not_Safari .join_row09 .pub_title_h3 {
    font-weight: 500
  }
  body.not_Safari .brand_row04 .sel_block .sel_show span {
    font-weight: 400
  }
}
@media screen and (orientation:landscape) and (orientation:landscape) {
  body.not_Safari .brand_row04 .sel_block:hover .sel_show span {
    font-weight: 600
  }
}
@media screen and (orientation:landscape) {
  body.not_Safari .brand_row04 .sel_block.on .sel_show span {
    font-weight: 600
  }
  body.not_Safari .brand_row04 .com_tab_box span, body.not_Safari .brand_row04 .from_box form .form_inp .inp_case textarea, body.not_Safari .brand_row04 .from_box form .form_inp .inp_case input, body.not_Safari .brand_row04 .b_row03_con .from_box form .file_input .file_sty span {
    font-weight: 400
  }
  body.not_Safari .brand_row04 .b_row04_top .b_row04_right .pub_info, body.not_Safari .brand_row04 .b_row04_top .b_row04_right .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.not_Safari .brand_row04 .b_row04_top .b_row04_right textarea, body.not_Safari .brand_row04 .b_row04_top .b_row04_right .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.not_Safari .brand_row04 .b_row04_top .b_row04_right input {
    font-weight: 300
  }
  body.not_Safari .news_block .news_txt .pub_title_h4 {
    font-weight: 600
  }
  body.not_Safari .step_02_case.col_w .step_02 .step_con_case .step_block .icon_con .icon_txt h6 {
    font-weight: 500
  }
  body.not_Safari .step_02_case.col_w .step_02 .step_02_con .pub_title_h3 {
    font-weight: 400
  }
  body.not_Safari .step_03_case .pub_info, body.not_Safari .step_03_case .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.not_Safari .step_03_case textarea, body.not_Safari .step_03_case .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.not_Safari .step_03_case input {
    font-weight: 600
  }
  body.not_Safari.join_body .step_01_con:not(.col_w) .pub_title_h4 {
    font-weight: 400
  }
  body.not_Safari.join_body .step_01_con:not(.col_w) .j_row08_left .pub_info, body.not_Safari.join_body .step_01_con:not(.col_w) .j_row08_left .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.not_Safari.join_body .step_01_con:not(.col_w) .j_row08_left textarea, body.not_Safari.join_body .step_01_con:not(.col_w) .j_row08_left .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.not_Safari.join_body .step_01_con:not(.col_w) .j_row08_left input {
    font-weight: 300
  }
  body.not_Safari.join_body .j_mar_case.col_w span, body.not_Safari.join_body .q_mar_case.col_w span {
    font-weight: 400
  }
  body.not_Safari.join_body .join_row07 .b_row03_con .from_box form .form_inp label {
    font-weight: 600
  }
  body.not_Safari.join_body .join_row04 .pub_title_h3 {
    font-weight: 500
  }
  body.not_Safari.join_body .join_row04 .com_tab_box span {
    font-weight: 400
  }
  body.not_Safari.join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .j_row04_txt .pub_info, body.not_Safari.join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .j_row04_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.not_Safari.join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .j_row04_txt textarea, body.not_Safari.join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .j_row04_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.not_Safari.join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .j_row04_txt input {
    font-weight: 300
  }
  body.not_Safari.join_body .join_row06 .b_row03_con .from_box form .form_inp label {
    font-weight: 600
  }
  body.not_Safari.join_body .join_row01 .pub_case .j_row01_left .con_con .con_block .con_txt h5 {
    font-weight: 400
  }
  body.not_Safari.join_body .join_row02 .com_tab_box span, body.not_Safari.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .pub_info > div b, body.not_Safari.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .from_box form .form_inp .inp_case textarea > div b, .from_box form .form_inp .inp_case body.not_Safari.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt textarea > div b, body.not_Safari.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .from_box form .form_inp .inp_case input > div b, .from_box form .form_inp .inp_case body.not_Safari.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt input > div b {
    font-weight: 600
  }
  body.not_Safari.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .pub_info > div p, body.not_Safari.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .from_box form .form_inp .inp_case textarea > div p, .from_box form .form_inp .inp_case body.not_Safari.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt textarea > div p, body.not_Safari.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .from_box form .form_inp .inp_case input > div p, .from_box form .form_inp .inp_case body.not_Safari.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt input > div p {
    font-weight: 400
  }
  body.not_Safari .b_row03_con .from_box form .form_inp .roa_boxs .roa_block span {
    font-weight: 600
  }
  body.not_Safari.business_body .bus_row01 .pub_case .bus_row01_right .pub_title_h2 {
    font-weight: 500
  }
  body.not_Safari.business_body .bus_row07 .pub_title_h5 {
    font-weight: 600
  }
  body.not_Safari.investor_body .inv_row01 h5 {
    font-weight: 400
  }
  body.not_Safari.investor_body .inv_row01 .pub_info, body.not_Safari.investor_body .inv_row01 .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.not_Safari.investor_body .inv_row01 textarea, body.not_Safari.investor_body .inv_row01 .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.not_Safari.investor_body .inv_row01 input, body.not_Safari.investor_body .inv_row03 .pub_info, body.not_Safari.investor_body .inv_row03 .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.not_Safari.investor_body .inv_row03 textarea, body.not_Safari.investor_body .inv_row03 .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.not_Safari.investor_body .inv_row03 input {
    font-weight: 600
  }
  body.not_Safari.investor_body .inv_row04 .i_row04 .i_row04_con {
    font-weight: 500
  }
  body.not_Safari.investor_body .inv_row04 .i_row04 .i_row04_con strong {
    font-weight: 600
  }
  body.not_Safari.investor_body .inv_row04 .i_row04 .i_row04_con b, body.not_Safari.investor_body .inv_row04 .btn_boxs .btn_line span span {
    font-weight: 900
  }
  body.not_Safari.investor_body .inv_row05 .i_row05_con a h4 {
    font-weight: 600
  }
}
@media screen and (orientation:landscape) and (orientation:landscape) {
  body.not_Safari.business_body .bus_row02 .bus_r_con .bus_row02_con .bus_row02_txt .pub_title_h2 {
    letter-spacing: -.02em
  }
  body.not_Safari.business_body .bus_row02 .bus_r_con .bus_row02_con .bus_row02_txt .pub_title_h4 {
    font-weight: 100
  }
}
@media screen and (orientation:landscape) {
  body.is_Safari .banner_t_en > .font_box {
    margin-top: -.5em
  }
  body.is_Safari .banner_t_en > .font_box:first-child {
    margin-top: -.12em
  }
  body.is_Safari .pub_title_en h2 {
    padding-bottom: .08em
  }
  body.is_Safari .pub_title_en > .font_box {
    margin-top: -.2em
  }
  body.is_Safari .pub_title_en > .font_box:first-child {
    margin-top: 0
  }
  body.is_Safari .title_sty_case + .pub_title_en > .font_box:first-child {
    margin-top: .35em
  }
  body.is_Safari .abo_row15 .step_02_case .step_02 .step_02_con .font_box {
    overflow: visible
  }
  body.is_Safari .abo_row14 .bus_row01_left .left_txt_box .txt_con .pub_info, body.is_Safari .abo_row14 .bus_row01_left .left_txt_box .txt_con .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.is_Safari .abo_row14 .bus_row01_left .left_txt_box .txt_con textarea, body.is_Safari .abo_row14 .bus_row01_left .left_txt_box .txt_con .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.is_Safari .abo_row14 .bus_row01_left .left_txt_box .txt_con input {
    letter-spacing: -.07em
  }
}
@media screen and (orientation:portrait) {
  body .banner_t_title, body .pub_title_h2 {
    font-weight: 500
  }
  body h3, body .h3, body .pub_title_h3 {
    font-weight: 600
  }
  body h4, body .h4, body .pub_title_h4 {
    font-weight: 500
  }
  body h2 {
    font-weight: 500;
    line-height: 1.1
  }
  body .tab_sty_case {
    font-weight: 500
  }
  body .banner_t_info {
    font-weight: 300
  }
  body .pub_title_h5 {
    font-weight: 500
  }
  body .bus_row02 .bus_r_nav, body .pub_info, body .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body textarea, body .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body input {
    font-weight: 400
  }
  body .parameter_case .pub_info, body .parameter_case .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body .parameter_case textarea, body .parameter_case .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body .parameter_case input, body .from_box form .form_inp .inp_case textarea, body .from_box form .form_inp .inp_case input {
    font-weight: 600
  }
  body .from_box form .btn_sty span, body .add_case .add_box .add_n_con span, body .add_case .add_box .add_n_con .pub_info, body .add_case .add_box .add_n_con .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body .add_case .add_box .add_n_con textarea, body .add_case .add_box .add_n_con .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body .add_case .add_box .add_n_con input {
    font-weight: 500
  }
  body.pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info .pro_mark_case ul li {
    font-weight: 600;
    line-height: 1
  }
  body .pub_title_h2 span, body .pub_title_h2 small {
    font-weight: 300
  }
  body.about_body .abo_row17 .com_r17_con .com_r17_txt .pub_case .pub_title_h2 {
    letter-spacing: -.01em
  }
  body.about_body .abo_row17 .com_r17_con .com_r17_txt .pub_case .pub_info, body.about_body .abo_row17 .com_r17_con .com_r17_txt .pub_case .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.about_body .abo_row17 .com_r17_con .com_r17_txt .pub_case textarea, body.about_body .abo_row17 .com_r17_con .com_r17_txt .pub_case .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.about_body .abo_row17 .com_r17_con .com_r17_txt .pub_case input {
    letter-spacing: -.055em
  }
  body .cou_con_t .pub_info, body .cou_con_t .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body .cou_con_t textarea, body .cou_con_t .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body .cou_con_t input, body.about_body .abo_row04 .abo_r4_con .swiper .pub_info, body.about_body .abo_row04 .abo_r4_con .swiper .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.about_body .abo_row04 .abo_r4_con .swiper textarea, body.about_body .abo_row04 .abo_r4_con .swiper .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.about_body .abo_row04 .abo_r4_con .swiper input {
    font-weight: 600
  }
  body.about_body .about_brand_con .pub_title_h2 {
    letter-spacing: -.04em
  }
  body.about_body .abo_row05 .row_case .abo_r5_t .abo_r5_right .pub_info, body.about_body .abo_row05 .row_case .abo_r5_t .abo_r5_right .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.about_body .abo_row05 .row_case .abo_r5_t .abo_r5_right textarea, body.about_body .abo_row05 .row_case .abo_r5_t .abo_r5_right .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.about_body .abo_row05 .row_case .abo_r5_t .abo_r5_right input {
    font-weight: 400
  }
  body .abo_row06 .pub_title_h2 {
    line-height: 1.2
  }
  body.about_body .abo_row06 .pub_case .abo_r6_left .pub_info, body.about_body .abo_row06 .pub_case .abo_r6_left .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.about_body .abo_row06 .pub_case .abo_r6_left textarea, body.about_body .abo_row06 .pub_case .abo_r6_left .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.about_body .abo_row06 .pub_case .abo_r6_left input, body.about_body .abo_row08 .row_case .lc_box > div, body.new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .btn_sty_box .btn_sty span, body.new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .btn_sty_box .btn_sty.btn_line span {
    font-weight: 500
  }
  body.about_body .abo_row12 .pub_case .abo_r12_btm .pub_title_h5 {
    text-indent: -.6em
  }
  body.about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con .pub_info, body.about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con textarea, body.about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con input {
    font-weight: 600
  }
  body.pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div .pub_info, body.pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div textarea, body.pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div input {
    font-weight: 500
  }
  body.pro_det_body .pro_det_row06 .row_case .pub_info, body.pro_det_body .pro_det_row06 .row_case .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.pro_det_body .pro_det_row06 .row_case textarea, body.pro_det_body .pro_det_row06 .row_case .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.pro_det_body .pro_det_row06 .row_case input {
    font-weight: 400
  }
  body.pro_det_body .pro_det_row13 .pub_info, body.pro_det_body .pro_det_row13 .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.pro_det_body .pro_det_row13 textarea, body.pro_det_body .pro_det_row13 .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.pro_det_body .pro_det_row13 input {
    font-weight: 600
  }
  body.pro_det_body .pro_det_row14 .banner_box .banner_txt_case .banner_t_title {
    letter-spacing: .06em
  }
  body.pro_det_body .pro_det_row14 .banner_box .banner_txt_case .banner_t_info {
    font-weight: 100
  }
  body.pro_det_body .pro_det_row15 .row15_con .row15_c_right > .pub_info, body.pro_det_body .pro_det_row15 .row15_con .from_box form .form_inp .inp_case .row15_c_right > textarea, .from_box form .form_inp .inp_case body.pro_det_body .pro_det_row15 .row15_con .row15_c_right > textarea, body.pro_det_body .pro_det_row15 .row15_con .from_box form .form_inp .inp_case .row15_c_right > input, .from_box form .form_inp .inp_case body.pro_det_body .pro_det_row15 .row15_con .row15_c_right > input {
    font-weight: 600
  }
  body.pro_det_body .pro_det_row17 .row17_con .swiper-slide .pub_title_h6 {
    font-weight: 500
  }
  body.pro_det_body .pro_det_row21 .row_case .pub_case .row21_block .pub_info, body.pro_det_body .pro_det_row21 .row_case .pub_case .row21_block .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.pro_det_body .pro_det_row21 .row_case .pub_case .row21_block textarea, body.pro_det_body .pro_det_row21 .row_case .pub_case .row21_block .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.pro_det_body .pro_det_row21 .row_case .pub_case .row21_block input {
    font-weight: 400
  }
  body.pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box .h_txt .pub_info, body.pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box .h_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box .h_txt textarea, body.pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box .h_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box .h_txt input, body.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_top .pub_info, body.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_top .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_top textarea, body.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_top .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_top input, body.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .pub_info, body.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block textarea, body.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block input {
    font-weight: 300
  }
  body.pro_det_body .pro_det_row23 .pub_title_h3 {
    font-weight: 500
  }
  body.pro_det_body .pro_det_row24 .pub_title_h5 {
    font-weight: 600
  }
  body .com_tab_box span {
    font-weight: 500
  }
  body .b_row03_con .from_box form .form_inp label, body .brand_row04 .b_row03_con .from_box form .form_inp label {
    font-weight: 400
  }
  body.brand_body .b_row01_list .pub_title_h3 {
    font-weight: 500
  }
  body.brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li .pub_info, body.brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li textarea, body.brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li input, body .sel_block .sel_show span {
    font-weight: 600
  }
  body .sel_block .sel_box ul li {
    font-weight: 400
  }
  body .brand_row02 .pub_title_h3, body .brand_row04 .pub_title_h3, body .pro_det_row04 .pub_title_h3, body .pro_det_row06 .pub_title_h3, body .pro_det_row12 .pub_title_h3, body .pro_det_row13 .pub_title_h3, body .pro_det_row24 .pub_title_h3, body .new_row03 .pub_title_h3, body .join_row09 .pub_title_h3 {
    font-weight: 500
  }
  body .brand_row04 .sel_block .sel_show span {
    font-weight: 400
  }
  body .brand_row04 .sel_block.on .sel_show span {
    font-weight: 600
  }
  body .brand_row04 .com_tab_box span, body .brand_row04 .from_box form .form_inp .inp_case textarea, body .brand_row04 .from_box form .form_inp .inp_case input, body .brand_row04 .b_row03_con .from_box form .file_input .file_sty span {
    font-weight: 400
  }
  body .brand_row04 .b_row04_top .b_row04_right .pub_info, body .brand_row04 .b_row04_top .b_row04_right .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body .brand_row04 .b_row04_top .b_row04_right textarea, body .brand_row04 .b_row04_top .b_row04_right .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body .brand_row04 .b_row04_top .b_row04_right input {
    font-weight: 300
  }
  body .news_block .news_txt .pub_title_h4 {
    font-weight: 600
  }
  body .step_02_case.col_w .step_02 .step_con_case .step_block .icon_con .icon_txt h6 {
    font-weight: 500
  }
  body .step_02_case.col_w .step_02 .step_02_con .pub_title_h3 {
    font-weight: 400
  }
  body .step_03_case .pub_info, body .step_03_case .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body .step_03_case textarea, body .step_03_case .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body .step_03_case input {
    font-weight: 600
  }
  body.join_body .step_01_con:not(.col_w) .j_row08_left .pub_info, body.join_body .step_01_con:not(.col_w) .j_row08_left .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.join_body .step_01_con:not(.col_w) .j_row08_left textarea, body.join_body .step_01_con:not(.col_w) .j_row08_left .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.join_body .step_01_con:not(.col_w) .j_row08_left input, body.join_body .j_mar_case.col_w span, body.join_body .q_mar_case.col_w span {
    font-weight: 400
  }
  body.join_body .join_row04 .pub_title_h3 {
    font-weight: 500
  }
  body.join_body .join_row04 .com_tab_box span {
    font-weight: 400
  }
  body.join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .j_row04_txt .pub_info, body.join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .j_row04_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .j_row04_txt textarea, body.join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .j_row04_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .j_row04_txt input {
    font-weight: 300
  }
  body.join_body .join_row01 .pub_case .j_row01_left .con_con .con_block .con_txt h5 {
    font-weight: 400
  }
  body.join_body .join_row02 .com_tab_box span, body.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .pub_info > div b, body.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .from_box form .form_inp .inp_case textarea > div b, .from_box form .form_inp .inp_case body.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt textarea > div b, body.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .from_box form .form_inp .inp_case input > div b, .from_box form .form_inp .inp_case body.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt input > div b {
    font-weight: 600
  }
  body.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .pub_info > div p, body.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .from_box form .form_inp .inp_case textarea > div p, .from_box form .form_inp .inp_case body.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt textarea > div p, body.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .from_box form .form_inp .inp_case input > div p, .from_box form .form_inp .inp_case body.join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt input > div p {
    font-weight: 400
  }
  body .b_row03_con .from_box form .form_inp .roa_boxs .roa_block span {
    font-weight: 600
  }
  body.business_body .bus_row01 .pub_case .bus_row01_right .pub_title_h2 {
    font-weight: 500
  }
  body.business_body .bus_row07 .pub_title_h5 {
    font-weight: 600
  }
  body.investor_body .inv_row01 h5 {
    font-weight: 400
  }
  body.investor_body .inv_row01 .pub_info, body.investor_body .inv_row01 .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.investor_body .inv_row01 textarea, body.investor_body .inv_row01 .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.investor_body .inv_row01 input, body.investor_body .inv_row03 .pub_info, body.investor_body .inv_row03 .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body.investor_body .inv_row03 textarea, body.investor_body .inv_row03 .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body.investor_body .inv_row03 input {
    font-weight: 600
  }
  body.investor_body .inv_row04 .i_row04 .i_row04_con {
    font-weight: 500
  }
  body.investor_body .inv_row04 .i_row04 .i_row04_con strong {
    font-weight: 600
  }
  body.investor_body .inv_row04 .i_row04 .i_row04_con b, body.investor_body .inv_row04 .btn_boxs .btn_line span span {
    font-weight: 700
  }
  body.investor_body .inv_row05 .i_row05_con a h4 {
    font-weight: 600
  }
}
.amap-info-content {
  padding-top: .9375vw
}
.amap-info {
  width: 16.4063vw
}
.loader-spinna {
  width: .9rem;
  height: 9rem;
  z-index: 2;
  background-color: rgba(255, 255, 255, .5);
  border-radius: .1rem;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%)
}
.loader-spinna:before, .loader-spinna:after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}
.loader-spinna:before {
  border: 3px dotted #081e3f;
  box-shadow: inset 0 0 0 3em #081e3f
}
.loader-spinna:after {
  z-index: 0;
  border-style: solid;
  border-width: 10px;
  border-image: linear-gradient(#19a6cf 0%, transparent 100%) 0 0 0 20;
  animation: 1s linear infinite spinnaRot
}
@keyframes spinnaRot {
  to {
    transform: rotate(359deg)
  }
}
.hint_case {
  max-width: 80%;
  color: #fff;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, .8);
  border-radius: .1rem;
  padding: .1rem .2rem;
  font-size: .16rem;
  line-height: 1.4;
  transition: opacity .5s cubic-bezier(.435, .25, .15, .965), transform .5s cubic-bezier(.435, .25, .15, .965);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%)
}
.hint_case.on {
  opacity: 1;
  transform: translate(-50%, -50%)
}
.sea_hint, .add_hint {
  text-align: center;
  font-size: .2rem;
  line-height: 5
}
.amap-marker.z-15 {
  z-index: 15 !important
}
.parameter_table {
  position: relative
}
.parameter_table:after {
  content: "";
  height: 3rem;
  width: 100%;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  background-image: linear-gradient(rgba(249, 255, 238, 0) 0%, #fdfdfd 97%);
  display: block;
  position: absolute;
  bottom: 0;
  left: 0
}
.parameter_table + .btn_aj_more {
  display: none
}
.parameter_table.n_all {
  max-height: 130vh;
  overflow: hidden
}
.parameter_table.n_all:after {
  opacity: 1
}
.parameter_table.n_all + .btn_aj_more {
  display: -ms-flexbox !important;
  display: flex !important
}
.research_body {
  color: #4c5b41;
  background-color: #fdfdfd;
  font-size: .16rem
}
.research_body .res_tit_box > .font_box {
  margin-top: -5px
}
@media screen and (orientation:landscape) {
  .research_body .res_tit_box > .font_box .pub_title_h2 {
    padding-bottom: .1em;
    font-size: 60px
  }
  .research_body .pub_case {
    width: 83.333%
  }
}
.research_body .res_row01 {
  padding-top: 1.9rem;
  padding-bottom: 1.7rem
}
.research_body .res_row01 .pub_case {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}
.research_body .res_row01 .pub_case .pub_img_box {
  width: 6.5rem
}
.research_body .res_row01 .pub_case .pub_img_box > img {
  height: calc(100% + .6rem);
  margin-top: -.3rem
}
.research_body .res_row01 .pub_case .res_r1_txt {
  width: 8rem;
  padding-top: .5rem
}
.research_body .res_row01 .pub_case .res_r1_txt .pub_info, .research_body .res_row01 .pub_case .res_r1_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .research_body .res_row01 .pub_case .res_r1_txt textarea, .research_body .res_row01 .pub_case .res_r1_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .research_body .res_row01 .pub_case .res_r1_txt input {
  text-align: justify;
  margin-top: .74rem
}
.research_body .ani_case {
  min-height: 250vh
}
.research_body .section03 {
  min-height: 100vh;
  background-color: #fbfbfb;
  background-size: cover;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  overflow: hidden
}
.research_body .section03 .pub_img_box {
  z-index: 0;
  width: 92%;
  position: absolute;
  top: 18.2292vw;
  left: 0
}
.research_body .section03 .pub_img_box:before {
  margin-top: 39.5101%
}
.research_body .section03 .row03 {
  z-index: 1;
  position: relative
}
.research_body .section03 .pub_case_n {
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -ms-flexbox;
  display: flex
}
@media screen and (orientation:landscape) {
  .research_body .section03 .pub_case_n {
    width: 83.333%;
    margin-left: auto;
    margin-right: auto
  }
}
.research_body .section03 .pub_case_n .r3_top_left {
  width: 50%
}
.research_body .section03 .pub_case_n .r3_top_right {
  width: 33.8542vw;
  height: 17.7604vw;
  margin-top: calc(50vh - .5rem - 8.88021vw);
  position: relative
}
.research_body .section03 .pub_case_n .r3_top_right .r3_con_block {
  width: 100%;
  height: 100%;
  z-index: 1;
  color: #55654b;
  background: #fbfff4;
  border: 1px solid rgba(156, 211, 37, .5);
  border-radius: 60px 0;
  margin-bottom: 2.23958vw;
  position: absolute;
  top: 0;
  left: 0
}
.research_body .section03 .pub_case_n .r3_top_right .r3_con_block:nth-child(2n) {
  background: #e5f5c8
}
.research_body .section03 .pub_case_n .r3_top_right .r3_con_block:nth-child(3n) {
  color: #fff;
  background: #9cd325
}
.research_body .section03 .pub_case_n .r3_top_right .r3_con_block:nth-child(4n) {
  color: #fff;
  background: #4c5b41
}
.research_body .section03 .pub_case_n .r3_top_right .r3_con_block:first-child {
  margin-top: 0
}
.research_body .section03 .pub_case_n .r3_top_right .r3_con_block .r3_con_txt {
  width: 100%;
  height: 100%;
  z-index: 2;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1.5625vw 2.08333vw 2.39583vw 2.23958vw;
  transition: padding-top .5s;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.research_body .section03 .pub_case_n .r3_top_right .r3_con_block .r3_con_txt .r3_top {
  width: 100%;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}
.research_body .section03 .pub_case_n .r3_top_right .r3_con_block .r3_con_txt .num_box {
  font-size: 1.5625vw;
  line-height: 1
}
.research_body .section03 .pub_case_n .r3_top_right .r3_con_block .r3_con_txt .pub_tit_l_n {
  font-size: 1.5625vw;
  line-height: 1.2
}
.research_body .section03 .pub_case_n .r3_top_right .r3_con_block .r3_con_txt .pub_info, .research_body .section03 .pub_case_n .r3_top_right .r3_con_block .r3_con_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .research_body .section03 .pub_case_n .r3_top_right .r3_con_block .r3_con_txt textarea, .research_body .section03 .pub_case_n .r3_top_right .r3_con_block .r3_con_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .research_body .section03 .pub_case_n .r3_top_right .r3_con_block .r3_con_txt input {
  width: 100%;
  text-align: justify
}
@media screen and (orientation:landscape) {
  .research_body .section03 .pub_case_n .r3_top_right .r3_con_block .r3_con_txt .pub_info, .research_body .section03 .pub_case_n .r3_top_right .r3_con_block .r3_con_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .research_body .section03 .pub_case_n .r3_top_right .r3_con_block .r3_con_txt textarea, .research_body .section03 .pub_case_n .r3_top_right .r3_con_block .r3_con_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .research_body .section03 .pub_case_n .r3_top_right .r3_con_block .r3_con_txt input {
    font-size: 16px;
    line-height: 1.5
  }
}
.research_body .section03 .pub_case_n .r3_top_right .r3_con_block.on .r3_con_txt {
  padding-top: 2.34375vw
}
.research_body .bus_row05 {
  padding-top: 1.65rem;
  padding-bottom: 1.05rem;
  overflow: hidden
}
.research_body .bus_row05 .bus_row05_top {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex
}
@media screen and (orientation:landscape) {
  .research_body .bus_row05 .bus_r4 {
    margin-bottom: -.22rem;
    margin-right: -.5rem
  }
  .research_body .bus_row05 .bus_r4 span {
    padding-left: .48rem;
    padding-right: .48rem
  }
}
.research_body .bus_row05 .bus_row05_case {
  margin-top: .8rem;
  position: relative
}
.research_body .bus_row05 .bus_row05_case .bus_row05_con {
  width: 100%;
  opacity: 0;
  pointer-events: none;
  padding-bottom: .68rem;
  position: absolute;
  top: 0;
  left: 0
}
.research_body .bus_row05 .bus_row05_case .bus_row05_con .pub_info, .research_body .bus_row05 .bus_row05_case .bus_row05_con .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .research_body .bus_row05 .bus_row05_case .bus_row05_con textarea, .research_body .bus_row05 .bus_row05_case .bus_row05_con .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .research_body .bus_row05 .bus_row05_case .bus_row05_con input {
  margin-bottom: 2.08333vw
}
.research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper {
  overflow: visible
}
@media screen and (orientation:landscape) {
  .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper {
    width: calc(100% + .94rem);
    margin-left: -.47rem;
    margin-right: -.47rem
  }
}
.research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .pub_img_box:before {
  margin-top: 133.2%
}
.research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .pub_img_box:after {
  content: "";
  width: 100%;
  width: 100%;
  height: .04rem;
  z-index: 3;
  pointer-events: none;
  background-color: #9cd325;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0
}
.research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .pub_title_h5 {
  margin-top: .34rem;
  font-weight: 700;
  line-height: 1
}
.research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .pub_info, .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper textarea, .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper input {
  margin-top: .28rem
}
@media screen and (orientation:landscape) {
  .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .pub_info, .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper textarea, .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper input {
    width: 120%;
    font-size: 14px;
    line-height: 1.7142
  }
}
.research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .swiper-slide {
  width: 16.6667vw
}
@media screen and (orientation:landscape) {
  .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .swiper-slide {
    padding-left: .46rem;
    padding-right: .46rem
  }
}
.research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper-scrollbar {
  height: .02rem;
  z-index: 2;
  width: 100%;
  background-color: rgba(0, 82, 51, .1);
  display: none;
  position: absolute;
  bottom: 0
}
.research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #55654b
}
.research_body .bus_row05 .bus_row05_case .bus_row05_con .page_btn {
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: .7rem
}
.research_body .bus_row05 .bus_row05_case .bus_row05_con .page_btn > div {
  margin: 0 .2rem
}
@media screen and (orientation:landscape) {
  .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper-scrollbar {
    display: block
  }
  .research_body .bus_row05 .bus_row05_case .bus_row05_con .page_btn {
    display: none
  }
}
.research_body .bus_row05 .bus_row05_case .bus_row05_con.on {
  opacity: 1;
  pointer-events: all;
  position: relative
}
.research_body .res_row03 {
  padding-top: 1.14rem;
  padding-bottom: 1.05rem
}
.research_body .res_row03 .page_btn {
  display: none
}
.research_body .res_row03 .font_box .pub_title_h2 {
  text-align: center;
  display: block
}
.research_body .res_row03 .pub_info, .research_body .res_row03 .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .research_body .res_row03 textarea, .research_body .res_row03 .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .research_body .res_row03 input {
  text-align: center;
  margin-top: 2.08333vw
}
.research_body .res_row03 .rew_r3_con {
  margin-top: 1.18rem
}
.research_body .res_row03 .rew_r3_con .swiper-slide {
  width: 1.96rem
}
.research_body .res_row03 .rew_r3_con .pub_img_box {
  width: 1.08rem;
  margin-left: auto;
  margin-right: auto
}
.research_body .res_row03 .rew_r3_con .pub_img_box:before {
  margin-top: 85.1852%
}
.research_body .res_row03 .rew_r3_con .pub_title_h5 {
  text-align: center;
  margin-top: 2.08333vw;
  font-weight: 600
}
@media screen and (orientation:landscape) {
  .research_body .res_row03 .rew_r3_con .pub_title_h5 {
    font-size: 14px;
    line-height: 1.2
  }
}
.research_body .res_row04 {
  padding-top: 1rem;
  padding-bottom: 1.5rem
}
.research_body .res_row04 + .bus_row07 {
  margin-top: -1rem
}
.research_body .res_row04 .row_r4_case {
  margin-top: .5rem;
  position: relative
}
.research_body .res_row04 .row_r4_case .row_r4_con {
  width: 100%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0
}
.research_body .res_row04 .row_r4_case .row_r4_con:first-child .parameter_case th {
  min-width: 1.5rem
}
.research_body .res_row04 .row_r4_case .row_r4_con .n_tab_case {
  margin-top: .45rem
}
.research_body .res_row04 .row_r4_case .row_r4_con.on {
  opacity: 1;
  pointer-events: all;
  position: relative
}
.research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper.on .n_tab_case > .n_tab_con.on {
  pointer-events: all
}
.research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper .n_tab_case {
  position: relative
}
.research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper .n_tab_case > .n_tab_con {
  width: 100%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0
}
.research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper .n_tab_case > .n_tab_con.on {
  opacity: 1;
  position: relative
}
.research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper .n_tab_case .swiper {
  width: 17.7083vw;
  overflow: visible
}
.research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper .n_tab_case .swiper-slide {
  opacity: .3;
  transition: opacity .7s cubic-bezier(.435, .25, .15, .965), transform .7s cubic-bezier(.435, .25, .15, .965);
  transform: scale(.78)
}
.research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper .n_tab_case .swiper-slide.active {
  opacity: 1;
  transform: scale(1)
}
.research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper .n_tab_case .pub_img_box {
  width: 11.7188vw;
  margin-left: auto;
  margin-right: auto
}
.research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper .n_tab_case .pub_img_box:before {
  margin-top: 144.695%
}
.research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper .n_tab_case h5 {
  text-align: center;
  margin-top: .34rem;
  font-size: 1.04167vw;
  line-height: 1.2
}
.research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper .res_04_sil_nav {
  width: 100%;
  margin-top: .6rem;
  display: none;
  position: absolute;
  bottom: 1.2rem;
  left: 0
}
.research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper .res_04_sil_nav .swiper-slide {
  width: auto
}
.research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper .res_04_sil_nav .swiper-slide > span {
  height: .5rem;
  cursor: pointer;
  color: rgba(0, 57, 35, .3);
  border: 3px solid #9cd325;
  border-radius: .6rem;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: .2rem;
  margin-right: .2rem;
  padding: 0 .3rem;
  font-size: .24rem;
  line-height: 1;
  transition: border-color .3s cubic-bezier(.435, .25, .15, .965), background-color 15ms cubic-bezier(.435, .25, .15, .965), color .3s cubic-bezier(.435, .25, .15, .965);
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translateZ(0)
}
.research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper .res_04_sil_nav .swiper-slide > span span {
  z-index: 2;
  position: relative
}
.research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper .res_04_sil_nav .swiper-slide > span:before {
  content: "";
  width: 150%;
  height: 110%;
  z-index: 1;
  transform-origin: 0 100%;
  background-color: #9cd325;
  transition: transform .3s cubic-bezier(.435, .25, .15, .965);
  display: block;
  position: absolute;
  top: -5%;
  left: -25%;
  transform: translateY(100%)skewY(45deg)
}
.research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper .res_04_sil_nav .swiper-slide > span.on {
  color: #9cd325
}
@media screen and (orientation:landscape) {
  .research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper .res_04_sil_nav .swiper-slide > span:hover {
    background-color: #9cd325;
    transition: border-color .3s cubic-bezier(.435, .25, .15, .965), background-color 15ms cubic-bezier(.435, .25, .15, .965) .3s, color .3s cubic-bezier(.435, .25, .15, .965);
    color: #4c5b41 !important
  }
  .research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper .res_04_sil_nav .swiper-slide > span:hover:before {
    transform: none
  }
}
.research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper .res_04_sil_nav .page_btn {
  width: calc(100% + 1.6rem);
  pointer-events: none;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 0;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper .res_04_sil_nav .page_btn .swiper-button-prev, .research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper .res_04_sil_nav .page_btn .swiper-button-next {
  color: #4c5b41;
  background-color: transparent
}
.research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper .res_04_sil_nav .page_btn .swiper-button-prev.swiper-button-disabled, .research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper .res_04_sil_nav .page_btn .swiper-button-next.swiper-button-disabled {
  opacity: 0
}
@media screen and (orientation:landscape) {
  .research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper .res_04_sil_nav .page_btn .swiper-button-prev:hover, .research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper .res_04_sil_nav .page_btn .swiper-button-next:hover {
    color: #9cd325
  }
}
.research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper .res_04_sil_nav .page_btn > div {
  pointer-events: all;
  margin: 0
}
.research_body .res_row04 .row_r4_case .row_r4_con .page_btn {
  width: 100%;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: .6rem
}
.research_body .res_row04 .row_r4_case .row_r4_con .page_btn > div {
  margin: 0 .1rem
}
.research_body .res_row04 .row_r4_case .row_r4_con .btn_aj_more {
  display: none
}
.research_body .res_row04 .row_r4_case .row_r4_con .parameter_case {
  text-align: left;
  background-color: transparent
}
@media screen and (orientation:landscape) {
  .research_body .res_row04 .row_r4_case .row_r4_con .parameter_case th, .research_body .res_row04 .row_r4_case .row_r4_con .parameter_case td {
    height: .74rem
  }
}
.research_body .res_row04 .row_r4_case .row_r4_con:nth-child(3) .parameter_case td {
  vertical-align: top
}
.research_body .res_row04 .row_r4_case .row_r4_con:nth-child(3) .parameter_case td:first-child, .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(3) .parameter_case th:first-child {
  width: auto
}
.research_body .res_row04 .row_r4_case .row_r4_con:nth-child(3) .parameter_case td:nth-child(2), .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(3) .parameter_case th:nth-child(2) {
  width: 25.3125%
}
.research_body .res_row04 .row_r4_case .row_r4_con:nth-child(3) .parameter_case td:nth-child(3), .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(3) .parameter_case th:nth-child(3) {
  width: 11.5625%
}
.research_body .res_row04 .row_r4_case .row_r4_con:nth-child(3) .parameter_case td:nth-child(4), .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(3) .parameter_case th:nth-child(4) {
  width: 21.25%
}
.research_body .res_row04 .row_r4_case .row_r4_con:nth-child(2) .parameter_case td, .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(2) .parameter_case th, .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(4) .parameter_case td, .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(4) .parameter_case th {
  width: 17.5%
}
.research_body .res_row04 .row_r4_case .row_r4_con:nth-child(2) .parameter_case td:first-child, .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(2) .parameter_case th:first-child, .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(4) .parameter_case td:first-child, .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(4) .parameter_case th:first-child {
  width: auto
}
.research_body .res_row04 .row_r4_top {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex
}
.research_body .res_row04 .row_r4_top .res_r4_tab {
  text-align: center
}
.research_body .res_row04 .row_r4_top .res_r4_tab .swiper-slide {
  opacity: .2;
  cursor: pointer;
  transition: opacity .3s cubic-bezier(.435, .25, .15, .965), color .3s cubic-bezier(.435, .25, .15, .965)
}
.research_body .res_row04 .row_r4_top .res_r4_tab .swiper-slide i {
  font-size: 2.08333vw;
  line-height: 1;
  display: block
}
.research_body .res_row04 .row_r4_top .res_r4_tab .swiper-slide.on {
  opacity: 1;
  color: #9cd325
}
.research_body .res_row04 .row_r4_top .res_r4_tab .swiper-slide h5 {
  margin-top: .26rem;
  font-size: 1.04167vw;
  line-height: 1
}
@media screen and (orientation:landscape) {
  .research_body .res_row04 .row_r4_top .res_r4_tab {
    padding-bottom: .1rem
  }
  .research_body .res_row04 .row_r4_top .res_r4_tab .swiper-slide {
    width: auto;
    min-width: 1rem;
    margin-left: .9rem
  }
  .research_body .res_row04 .row_r4_top .res_r4_tab .swiper-slide h5 {
    white-space: nowrap
  }
  .research_body .res_row04 .row_r4_top .res_r4_tab .swiper-slide:hover {
    opacity: 1
  }
}
.research_body .bus_row07 {
  padding-top: 3.3rem;
  padding-bottom: 2.6rem;
  position: relative;
  overflow: hidden
}
.research_body .bus_row07 .row_case {
  z-index: 2;
  position: relative
}
.research_body .bus_row07 .row_case .bus_row07_con {
  margin-top: 1.24rem
}
.research_body .bus_row07 .row_case .bus_row07_con .swiper {
  width: 7.5rem;
  overflow: visible
}
.research_body .bus_row07 .row_case .bus_row07_con .swiper .pub_img_box:before {
  margin-top: 48.6667%
}
.research_body .bus_row07 .row_case .bus_row07_con .swiper .pub_img_box > img {
  object-fit: contain;
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  border: 2px solid #fde0a1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.research_body .bus_row07 .row_case .bus_row07_con .swiper .pub_title_h5 {
  z-index: 2;
  text-align: center;
  margin-top: .35rem;
  position: relative
}
@media screen and (orientation:landscape) {
  .research_body .bus_row07 .row_case .bus_row07_con .swiper .pub_title_h5 {
    font-size: .24rem
  }
}
.research_body .bus_row07 .row_case .bus_row07_con .swiper .swiper-slide {
  transform-origin: 50%;
  transition: transform .7s cubic-bezier(.435, .25, .15, .965);
  transform: scale(.68)
}
.research_body .bus_row07 .row_case .bus_row07_con .swiper .swiper-slide.swiper-slide-prev {
  transform-origin: 100%
}
.research_body .bus_row07 .row_case .bus_row07_con .swiper .swiper-slide.swiper-slide-next {
  transform-origin: 0%
}
.research_body .bus_row07 .row_case .bus_row07_con .swiper .swiper-slide.active {
  transform: scale(1)
}
.research_body .bus_row07 .row_case .bus_row07_con .swiper .page_btn {
  width: 100%;
  pointer-events: none;
  z-index: 3;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.research_body .bus_row07 .row_case .bus_row07_con .swiper .page_btn > div {
  pointer-events: auto;
  background-color: transparent;
  margin: 0
}
.research_body .bus_row07 .row_case .bus_row07_con .swiper .page_btn > div:before {
  display: none
}
.research_body .bus_row07 .row_case .bus_row07_con .swiper .page_btn > div i {
  color: #9cd325;
  transition: color .5s cubic-bezier(.435, .25, .15, .965)
}
@media screen and (orientation:landscape) {
  .research_body .bus_row07 .row_case .bus_row07_con .swiper .page_btn > div i {
    font-size: .26rem
  }
  .research_body .bus_row07 .row_case .bus_row07_con .swiper .page_btn > div:hover i {
    color: #4c5b41 !important
  }
}
.research_body .bus_row07 .bg_ye {
  width: 115.677%;
  position: absolute;
  bottom: -2.12rem;
  right: -1.63rem
}
.research_body .bus_row07 .bg_ye > .pub_img_box {
  width: 42.599%;
  z-index: 1;
  opacity: 0;
  transform-origin: 100% 100%;
  position: absolute;
  bottom: 18.7%;
  right: 4.8%;
  transform: rotate(-40deg);
  -webkit-mask-image: url(a003_0.a88c5ec8.png);
  mask-image: url(a003_0.a88c5ec8.png);
  -webkit-mask-position: 0 100%;
  mask-position: 0 100%;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}
.research_body .bus_row07 .bg_ye > .pub_img_box:before {
  margin-top: 104.025%
}
.research_body .bus_row07 .bg_ye > .pub_img_box > img {
  height: calc(100% + .6rem);
  margin-top: -.6rem
}
.research_body .bus_row07 .bg_ye .r_ye_con {
  z-index: 2;
  width: 100%;
  transform-origin: 100% 100%;
  position: relative;
  transform: scale(0)
}
.research_body .bus_row07 .bg_ye .r_ye_con img {
  width: 100%;
  display: block
}
.research_body .bus_row07 .bg_ye .line_aim {
  width: 20rem;
  z-index: 3;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 1.38rem
}
.research_body .bus_row07 .bg_ye.go .line_aim {
  opacity: 1;
  transition: opacity .5s cubic-bezier(.435, .25, .15, .965) 1.6s
}
.research_body .bus_row07 .bg_ye.go .pub_img_box {
  opacity: 1;
  transition: opacity .1s cubic-bezier(.435, .25, .15, .965) .9s, transform .5s cubic-bezier(.435, .25, .15, .965) 1s;
  transform: none
}
.research_body .bus_row07 .bg_ye.go .r_ye_con {
  transition: transform 2s cubic-bezier(.435, .25, .15, .965);
  transform: none
}
.search_body {
  color: #4c5b41
}
.search_body .new_list_box .search-result {
  text-align: center;
  margin-bottom: .5rem;
  font-size: .18rem
}
.search_body .new_list_box .search-result .search-result__keywords {
  color: #9cd325
}
.search_body .new_list_box .search-list .tab {
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 1.5625vw;
  display: -ms-flexbox;
  display: flex
}
.search_body .new_list_box .search-list .tab .tab-item {
  text-align: center;
  cursor: pointer;
  margin-right: 2.08333vw;
  padding: 0 5px;
  font-size: .18rem;
  line-height: 1.5;
  transition: color .5s cubic-bezier(.435, .25, .15, .965);
  display: inline-block;
  position: relative
}
@media screen and (orientation:landscape) {
  .search_body .new_list_box .search-list .tab .tab-item:hover {
    color: #9cd325
  }
}
.search_body .new_list_box .search-list .tab .tab-item--active {
  color: #9cd325
}
.search_body .new_list_box .search-list .tab .tab-item--active:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #9cd325;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0
}
.search_body .new_list_box .search-list .item {
  margin-bottom: 10px
}
.search_body .new_list_box .search-list .item .item-a {
  padding: 1.04167vw;
  text-decoration: none;
  display: block
}
.search_body .new_list_box .search-list .item .item-a h5 {
  border-bottom: 1px solid #dadada;
  margin: 0 0 .78125vw;
  padding-top: .135rem;
  padding-bottom: .135rem;
  font-size: .18rem;
  font-weight: 400;
  line-height: 1.5
}
.search_body .new_list_box .search-list .item .item-a h5 .item-title {
  border-right: 1px solid #dadada;
  margin-right: .78125vw;
  padding-right: .78125vw
}
.search_body .new_list_box .search-list .item .item-a p {
  text-align: justify;
  font-size: .72917vw;
  line-height: 1.25vw
}
.search_body .new_list_box .search-list .item .animated {
  transition: all .3s ease-out
}
@media screen and (orientation:landscape) {
  .search_body .new_list_box .search-list .item:hover a {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1)
  }
}
.search_body .new_list_box .search-list .page_btn {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: .6rem
}
.search_body .new_list_box .search-list .page_btn > a {
  margin-left: 0
}
.search_body .new_list_box .nav_box_case {
  margin-top: 4.16667vw;
  padding-top: 0
}
.search_body .new_b_case {
  padding-top: 4%;
  padding-bottom: 6.5%;
  position: relative
}
.search_body .new_b_case .mark_div {
  opacity: 0;
  height: 4.16667vw;
  pointer-events: none;
  position: absolute;
  bottom: 100%;
  left: 0
}
@media screen and (orientation:landscape) {
  .search_body .new_b_case {
    width: 66%;
    margin-left: auto;
    margin-right: auto
  }
}
.search_body .new_b_case .sea_k {
  margin-bottom: 7px;
  font-size: .9375vw;
  line-height: 1
}
@media screen and (orientation:portrait) {
  .search_body .new_list_box .search-result {
    margin-bottom: 0;
    font-size: .24rem
  }
  .search_body .new_list_box .search-list {
    padding-top: .4rem;
    padding-bottom: 0
  }
  .search_body .new_list_box .search-list .tab {
    margin-bottom: .6rem
  }
  .search_body .new_list_box .search-list .tab .tab-item {
    margin-right: .3rem;
    padding-left: .1rem;
    padding-right: .1rem;
    font-size: .26rem
  }
  .search_body .new_list_box .search-list .item {
    margin-bottom: 0
  }
  .search_body .new_list_box .search-list .item .item-a {
    padding: .2rem 0
  }
  .search_body .new_list_box .search-list .item .item-a h5 {
    margin: 0 0 .3rem;
    padding-top: .12rem;
    padding-bottom: .24rem;
    font-size: .24rem;
    line-height: 1.5
  }
  .search_body .new_list_box .search-list .item .item-a h5 .item-title {
    margin-right: .3rem;
    padding-right: .3rem
  }
  .search_body .new_list_box .search-list .item .item-a p {
    font-size: .24rem;
    line-height: 1.71429
  }
  .search_body .new_list_box .nav_box_case {
    margin-top: 80px
  }
  .search_body .new_b_case {
    padding-top: 1rem;
    padding-bottom: 1.3rem
  }
  .search_body .new_b_case .sea_k {
    min-height: 90vw;
    margin: .5rem 0;
    font-size: .26rem
  }
  body .banner_t_en > .font_box {
    margin-top: -.5em
  }
  body .banner_t_en > .font_box:first-child {
    margin-top: -.12em
  }
  body .pub_title_en h2 {
    padding-bottom: .08em
  }
  body .pub_title_en > .font_box {
    margin-top: -.3em
  }
  body .pub_title_en > .font_box:first-child {
    margin-top: 0
  }
  body .title_sty_case + .pub_title_en > .font_box:first-child {
    margin-top: .35em
  }
  body .abo_row15 .step_02_case .step_02 .step_02_con .font_box {
    overflow: visible
  }
  body .abo_row14 .bus_row01_left .left_txt_box .txt_con .pub_info, body .abo_row14 .bus_row01_left .left_txt_box .txt_con .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case body .abo_row14 .bus_row01_left .left_txt_box .txt_con textarea, body .abo_row14 .bus_row01_left .left_txt_box .txt_con .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case body .abo_row14 .bus_row01_left .left_txt_box .txt_con input {
    letter-spacing: -.07em
  }
  .pub_case {
    width: 100%;
    padding-left: .5rem;
    padding-right: .5rem
  }
  .btn_sty {
    height: .8rem;
    width: 2.2rem
  }
  .btn_sty span, .btn_sty i {
    font-size: 16px
  }
  .btn_sty.btn_dot {
    width: .8rem;
    height: .8rem
  }
  .btn_sty.btn_dot span, .btn_sty.btn_dot i {
    font-size: 16px
  }
  .btn_sty.btn_line {
    width: 2.2rem;
    height: .8rem
  }
  .btn_sty.btn_line span {
    font-size: 16px
  }
  .btn_sty.btn_line span i {
    font-size: 12px
  }
  .btn_sty.col_q {
    width: 2.2rem;
    height: .8rem
  }
  .btn_sty.col_q span {
    font-size: 16px
  }
  .btn_sty.col_d {
    width: 2.2rem;
    height: .8rem
  }
  .btn_sty.col_d span {
    font-size: 16px
  }
  .btn_sty.col_d span i {
    margin-left: .2rem;
    font-size: 12px
  }
  .banner_t_title {
    font-size: .44rem
  }
  .banner_t_info {
    font-size: .38rem
  }
  .banner_t_en_h2, .banner_t_en {
    font-size: .7rem
  }
  .pub_title {
    font-size: .44rem
  }
  .pub_title_en {
    font-size: .7rem
  }
  .h3, .pub_title_h3, .h4, .pub_title_h4, .pub_title_h5 {
    font-size: 18px
  }
  .pub_info, .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case input {
    font-size: 16px;
    line-height: 1.4
  }
  .banner_box {
    width: 100vw
  }
  .banner_case_ban .banner_box .pub_img_box:before {
    margin-top: 73.33%
  }
  .banner_case_ban .banner_box .pub_img_box > img:not(.sha_img) {
    height: 100%;
    margin-top: 0;
    transform: none !important
  }
  .banner_case_ban .banner_box .pub_img_box.pic {
    transform: none !important
  }
  .banner_case_ban .banner_box .banner_txt_case {
    bottom: .5rem
  }
  .banner_case_ban .banner_box .banner_txt_case .pub_case .leave_banner {
    bottom: 1rem
  }
  .banner_case_all .banner_box {
    height: 73.33vw !important
  }
  .banner_case_all .banner_box .pub_img_box {
    -webkit-mask-image: none;
    mask-image: none
  }
  .banner_case_all .banner_box .pub_img_box > img:not(.sha_img) {
    height: 100%;
    margin-top: 0;
    transform: none !important
  }
  .banner_case_all .banner_box .pub_img_box .leave_banner {
    opacity: 1
  }
  .banner_case_all .banner_box .banner_txt_case {
    bottom: .5rem;
    transform: none
  }
  .banner_case_all .banner_box .banner_txt_case .show_banner {
    font-size: .36rem;
    display: none
  }
  .banner_case_all .banner_box .banner_txt_case .banner_t_title {
    color: #fff
  }
  .banner_case_all .banner_box .banner_txt_case .pub_case .leave_banner {
    bottom: 1rem
  }
  .banner_Ami.Ami_before > div {
    opacity: 1
  }
  .banner_Ami > div {
    position: relative
  }
  .banner_Ami.on .banner_case_all .banner_box .pub_img_box {
    animation: none
  }
  .second_nav_case {
    overflow: hidden
  }
  .second_nav_case .pla_frame {
    margin-bottom: -.1rem;
    padding-bottom: .1rem
  }
  .second_nav_case .sec_nav_con .page_btn {
    width: calc(100% + .4rem);
    pointer-events: none;
    z-index: 3;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    left: -.2rem;
    transform: translateY(-50%)
  }
  .second_nav_case .sec_nav_con .page_btn > div {
    pointer-events: auto;
    color: #4c5b41;
    width: .8rem;
    height: .8rem;
    background-color: transparent;
    margin: 0
  }
  .second_nav_case .sec_nav_con .page_btn > div.swiper-button-disabled {
    opacity: 0 !important
  }
  .second_nav_case .sec_nav_con .sec_nav_sty01 {
    position: relative;
    overflow: hidden
  }
  .second_nav_case .sec_nav_con .sec_nav_sty01 a {
    text-align: center;
    border-width: 2px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .3rem;
    display: -ms-flexbox;
    display: flex
  }
  .second_nav_case .sec_nav_con .sec_nav_sty01.det_n_sty .swiper-slide {
    width: auto;
    -ms-flex: none;
    flex: none;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0;
    display: -ms-flexbox;
    display: flex
  }
  .second_nav_case .sec_nav_con .sec_nav_sty01.det_n_sty .h3 {
    padding-left: .2rem;
    padding-right: .2rem;
    font-size: .3rem
  }
  .second_nav_case .sec_nav_con .sec_nav_sty01.not_swiper .swiper-wrapper {
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .second_nav_case .sec_nav_con .sec_nav_sty01 .page_btn {
    display: -ms-flexbox;
    display: flex
  }
  .second_nav_case .sec_nav_con .sec_nav_sty01.leng_s a {
    padding-left: 0 !important;
    padding-right: 0 !important
  }
  .second_nav_case .sec_nav_con .pro_fy_case {
    position: relative
  }
  .second_nav_case .sec_nav_con .pro_fy_case .page_btn {
    display: -ms-flexbox;
    display: flex
  }
  .second_nav_case.pro_fixd .sec_nav_con .sec_nav_sty01 a {
    height: .8rem;
    font-size: .3rem !important
  }
  .second_nav_case.pro_fixd .sec_nav_con .pro_fy_case {
    margin-top: .2rem
  }
  .second_nav_case.pro_fixd .sec_nav_con .pro_fy_case .pro_fy li .h4 {
    font-size: 14px;
    line-height: 1.5
  }
  .second_nav_case.pro_fixd .sec_nav_con.in_sen {
    opacity: 0;
    transform: translateY(-101%)
  }
  .clpro_list {
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .clpro_list .pro_item {
    width: 47.5%;
    border-width: 2px;
    margin-bottom: 5%;
    margin-right: 0
  }
  .clpro_list .pro_item .pub_title_h4 {
    font-size: 16px;
    bottom: .35rem
  }
  .pro_body {
    font-size: 16px
  }
  .pro_body .second_nav_case {
    padding-top: .4rem
  }
  .pro_body .second_nav_case .sec_nav_sty01 {
    height: 1px;
    pointer-events: none;
    opacity: 0;
    overflow: hidden
  }
  .pro_body .second_nav_case .pro_fy_case {
    margin-top: 0
  }
  .pro_body .second_nav_case .pro_fy_case .h4 {
    font-size: .3rem
  }
  .pro_body .second_nav_case.pro_fixd {
    padding-top: .18rem
  }
  .pro_body .second_nav_case.pro_fixd .sec_nav_sty01 a {
    height: .6rem
  }
  .pro_body .second_nav_case.pro_fixd .sec_nav_con {
    padding-top: 0;
    padding-bottom: 0
  }
  .pro_body .second_nav_case.pro_fixd .sec_nav_con .pro_fy_case {
    margin-top: 0
  }
  .pro_body .second_nav_case.pro_fixd .sec_nav_con .pro_fy_case .pro_fy li .h4 {
    font-size: .3rem;
    line-height: .84rem
  }
  .pro_body .row03 {
    padding-top: .8rem;
    padding-bottom: 1.2rem
  }
  .btn_more {
    font-size: 16px
  }
  .btn_more i {
    font-size: 12px
  }
  .new_block .new_txt {
    padding: .23rem 0 .3rem
  }
  .new_block .new_txt .pub_info, .new_block .new_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .new_block .new_txt textarea, .new_block .new_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .new_block .new_txt input {
    height: 4.2em
  }
  .new_block .new_txt .new_time {
    font-size: 15px
  }
  .sel_block, .sel_check_block {
    height: .8rem
  }
  .sel_block .sel_show, .sel_check_block .sel_show {
    font-size: 16px
  }
  .sel_block .sel_show i, .sel_check_block .sel_show i {
    padding-right: .333rem;
    font-size: 12px
  }
  .sel_block .sel_box ul, .sel_check_block .sel_box ul {
    max-height: 5rem
  }
  .sel_block .sel_box ul li, .sel_check_block .sel_box ul li {
    padding-top: .15rem;
    padding-bottom: .15rem;
    font-size: 14px
  }
  .check_box .sel_check_block .sel_show i {
    right: .2rem
  }
  .check_box .sel_check_block .sel_box ul {
    max-height: 4.4rem
  }
  .check_box .sel_check_block .sel_box ul li {
    padding: .1rem .15rem;
    font-size: 14px
  }
  .brand_row03 .b_row03_con .from_box form .form_inp .sel_boxs + .inp_case {
    margin-top: .3rem
  }
  .brand_row03 .b_row03_con .from_box form .form_inp .sel_boxs .sel_block {
    width: 100%
  }
  .brand_row03 .b_row03_con .from_box form .form_inp .sel_block, .brand_row03 .b_row03_con .from_box form .form_inp input {
    height: .8rem
  }
  .brand_row03 .b_row03_con .from_box form .form_inp textarea {
    height: 2.3rem
  }
  .brand_row03 .b_row03_con .from_box form .form_inp textarea::-ms-input-placeholder {
    line-height: 2rem
  }
  .brand_row03 .b_row03_con .from_box form .form_inp textarea::placeholder {
    line-height: 2rem
  }
  .brand_row03 .b_row03_con .from_box form .b_row03_left .form_inp {
    margin-bottom: .3rem
  }
  .brand_row03 .b_row03_con .from_box form .b_row03_right .form_inp:nth-child(2) {
    padding-top: .2rem
  }
  .from_box form .form_inp {
    width: 100%;
    position: relative
  }
  .from_box form .form_inp:hover {
    z-index: 4
  }
  .from_box form .form_inp:first-child {
    width: 100%
  }
  .from_box form .form_inp .inp_case .inp_sha {
    border-width: 2px
  }
  .from_box form .form_inp .inp_case input {
    height: .8rem
  }
  .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case input {
    border-width: 2px
  }
  .from_box form .btn_sty {
    width: 100%
  }
  .from_box form .btn_sty span {
    font-size: 16px
  }
  .from_box form .btm_case .btm_left .inp_fil {
    width: 180px;
    height: 50px;
    border-width: 2px;
    border-radius: .1rem;
    margin-left: .17rem
  }
  .from_box form .btm_case .btm_left .inp_fil > div {
    display: -ms-flexbox;
    display: flex
  }
  .from_box form .btm_case .btm_left .inp_fil > div span {
    font-size: 12px
  }
  .from_box form .btm_case .btm_left .inp_fil > div i {
    margin-left: .18rem;
    font-size: .16px
  }
  .from_box form .btm_case .btm_left .v_hint {
    font-size: 1rem
  }
  .pub_title_h2 {
    font-size: .44rem
  }
  .pub_title_h2 small {
    font-size: 12px
  }
  .add_case {
    display: none
  }
  .add_case .add_box .add_n_con {
    border-radius: .6rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .1rem .3rem
  }
  .add_case .add_box .add_n_con .pub_info, .add_case .add_box .add_n_con .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .add_case .add_box .add_n_con textarea, .add_case .add_box .add_n_con .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .add_case .add_box .add_n_con input, .add_case .add_box .add_n_con span, .add_case .add_box .add_n_con i {
    font-size: .23rem;
    line-height: 2
  }
  .add_case .add_box .add_n_con i {
    margin: 0 .1rem;
    font-size: 12px
  }
  .bg_img_case .line_img {
    width: 111.667%;
    top: -.6rem;
    left: -4.4271%
  }
  .parameter_case {
    border-width: 1px;
    margin-top: .45rem
  }
  .pro_det_row08 {
    z-index: 3;
    padding-top: .42rem;
    padding-bottom: .8rem
  }
  .pro_det_row08 .row07_btm_case {
    z-index: 3;
    padding-top: .4rem
  }
  .pro_det_row08 .row07_btm_case .pub_case:before {
    width: 100%;
    border-radius: 0
  }
  .pro_det_row08 .row07_btm_case .pub_case .btn_close_signUp {
    right: .2rem
  }
  .pro_det_row08 .row07_btm_case .pub_case .from_case {
    padding-bottom: .3rem
  }
  .pro_det_row08 .row07_btm_case .pub_case .from_case > img {
    margin-top: -1.45rem;
    position: absolute;
    top: 0;
    left: -.35rem
  }
  .pro_det_row08 .row07_btm_case .pub_case .from_case .from_con {
    width: 100%;
    padding-top: .3rem;
    position: relative
  }
  .pro_det_row08 .row07_btm_case .pub_case .from_case .from_con .pub_title_h3 {
    padding-left: 1.31rem
  }
  .pro_det_row08 .row07_btm_case .pub_case .from_case .from_con .form_inp:hover {
    z-index: 3
  }
  .pro_det_row08 .row07_btm_case .pub_case .from_case .from_con .from_box {
    margin-top: 0
  }
  .pro_det_row08 .row07_btm_case .pub_case .from_case .from_con .from_box form {
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .pro_det_row08 .row07_btm_case .pub_case .from_case .from_con .from_box form .form_inp {
    width: 31.333%;
    margin-top: 3%
  }
  .pro_det_row08 .row07_btm_case .pub_case .from_case .from_con .from_box form .form_inp:nth-child(1), .pro_det_row08 .row07_btm_case .pub_case .from_case .from_con .from_box form .form_inp:nth-child(2) {
    width: 48.5%
  }
  .pro_det_row08 .row07_btm_case .pub_case .from_case .from_con .from_box form .form_inp input {
    text-align: left;
    font-size: 14px
  }
  .pro_det_row08 .row07_btm_case .pub_case .from_case .from_con .from_box form .form_inp .sel_show span {
    width: calc(100% - .3rem);
    text-align: left;
    padding-left: .2rem;
    font-size: 14px
  }
  .pro_det_row08 .row07_btm_case .pub_case .from_case .from_con .from_box form .form_inp .sel_show i {
    font-size: 10px
  }
  .pro_det_row08 .row07_btm_case .pub_case .from_case .from_con .from_box form .form_inp .inp_case input, .pro_det_row08 .row07_btm_case .pub_case .from_case .from_con .from_box form .form_inp .sel_block, .pro_det_row08 .row07_btm_case .pub_case .from_case .from_con .from_box form .form_inp .sel_check_block {
    height: .7rem
  }
  .pro_det_row08 .row07_btm_case .pub_case .from_case .from_con .from_box form .btn_sty {
    width: 31.333%;
    height: .7rem;
    margin-top: 3%
  }
  .pro_det_row08 .row07_btm_case .pub_case .from_case .from_con .from_box form .btn_sty span {
    font-size: 14px
  }
  .pro_det_row08.fixed .row07_btm_case {
    bottom: 0
  }
  .pro_det_row08.m_close .row07_btm_case {
    position: relative;
    bottom: 0
  }
  .pro_det_row08.m_close .row07_btm_case .pub_case .btn_close_signUp {
    display: none
  }
  .pro_det_body {
    font-size: 16px
  }
  .pro_det_body .pub_title_h2 {
    font-size: .36rem
  }
  .pro_det_body .banner_box .pub_img_box > img {
    margin-top: -.6rem
  }
  .pro_det_body .pro_det_row01 .banner_box .pub_img_box:before {
    margin-top: 150vw
  }
  .pro_det_body .pro_det_row01 .banner_box .banner_txt_case {
    height: 80%
  }
  .pro_det_body .pro_det_row01 .banner_box .banner_txt_case .pub_case {
    height: 92%;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex
  }
  .pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div .pub_info, .pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div textarea, .pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div input {
    font-size: 14px
  }
  .pro_det_body .pro_det_row09 .banner_box .pub_img_box:before {
    margin-top: 150vw
  }
  .pro_det_body .pro_det_row09 .banner_box .banner_txt_case {
    bottom: 1rem;
    transform: none
  }
  .pro_det_body .pro_det_row02 {
    padding-top: 1rem
  }
  .pro_det_body .pro_det_row02 + .pro_det_row03 {
    padding-top: .2rem
  }
  .pro_det_body .pro_det_row02 .parameter_case tbody, .pro_det_body .pro_det_row02 .parameter_case table {
    display: block
  }
  .pro_det_body .pro_det_row02 .parameter_case th, .pro_det_body .pro_det_row02 .parameter_case td {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
  }
  .pro_det_body .pro_det_row02 .parameter_case tr {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex
  }
  .pro_det_body .pro_det_row02 .parameter_case th {
    height: auto;
    min-height: .79rem;
    min-width: auto;
    width: 6.5em;
    border-bottom-width: 1px;
    border-right-width: 1px
  }
  .pro_det_body .pro_det_row02 .parameter_case td {
    width: calc(100% - 6.5em);
    min-width: auto;
    height: auto;
    min-height: .79rem;
    border-bottom-width: 1px;
    border-right-width: 1px
  }
  .pro_det_body .pro_det_row02 .parameter_case td span {
    overflow-wrap: anywhere
  }
  .pro_det_body .pro_det_row02 .parameter_case td:nth-child(2n) {
    border-right: none
  }
  .pro_det_body .pro_det_row02 .parameter_case td.th {
    width: 6.5em;
    min-width: auto
  }
  .pro_det_body .pro_det_row02 .parameter_case tr:last-child td {
    border-bottom: none
  }
  .pro_det_body .pro_det_row03 {
    padding-top: 1rem;
    padding-bottom: 1.2rem
  }
  .pro_det_body .pro_det_row03 + .pro_det_row20 {
    margin-top: -1rem;
    padding-top: .5rem
  }
  .pro_det_body .pro_det_row03 + .pro_det_row20 .row_case .pub_case .row20_right {
    margin-top: 0
  }
  .pro_det_body .pro_det_row03 + .pro_det_row19 {
    margin-top: -1rem;
    padding-top: 1px
  }
  .pro_det_body .pro_det_row03 + .pro_det_row04 {
    margin-top: -.6rem
  }
  .pro_det_body .pro_det_row03 .row03_con {
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-top: .7rem
  }
  .pro_det_body .pro_det_row03 .row03_con .pub_info, .pro_det_body .pro_det_row03 .row03_con .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row03 .row03_con textarea, .pro_det_body .pro_det_row03 .row03_con .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row03 .row03_con input {
    width: 100%;
    margin-top: .5rem
  }
  .pro_det_body .pro_det_row03 .row03_con .pub_img_box {
    width: 100%;
    margin-right: 0
  }
  .pro_det_body .pro_det_row04 {
    padding-top: 1.5rem;
    padding-bottom: 1.2rem
  }
  .pro_det_body .pro_det_row04 .row04_top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .pro_det_body .pro_det_row04 .row04_top .pub_info, .pro_det_body .pro_det_row04 .row04_top .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row04 .row04_top textarea, .pro_det_body .pro_det_row04 .row04_top .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row04 .row04_top input {
    width: 100%;
    margin-top: .4rem;
    margin-bottom: 0;
    padding-right: 0
  }
  .pro_det_body .pro_det_row04 .row04_con {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .8rem
  }
  .pro_det_body .pro_det_row04 .row04_con .pub_title_h5 {
    font-size: 16px
  }
  .pro_det_body .pro_det_row04 .row04_con > div {
    width: 100%
  }
  .pro_det_body .pro_det_row04 .row04_con > div .pub_info, .pro_det_body .pro_det_row04 .row04_con > div .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row04 .row04_con > div textarea, .pro_det_body .pro_det_row04 .row04_con > div .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row04 .row04_con > div input {
    margin-top: .4rem
  }
  .pro_det_body .pro_det_row04 .row04_con > img {
    margin: .5rem auto
  }
  .pro_det_body .pro_det_row05 {
    padding-top: 1rem;
    padding-bottom: 1.2rem
  }
  .pro_det_body .pro_det_row05 .row05_con {
    margin-top: .6rem
  }
  .pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pub_img_box {
    width: 100%
  }
  .pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info {
    width: 100%;
    padding-top: .5rem
  }
  .pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info .pro_mark_case {
    margin-top: .2rem
  }
  .pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info .pro_mark_case ul li {
    height: auto;
    border-width: 2px;
    border-radius: .8rem;
    margin-left: .2rem;
    margin-right: 0;
    padding: .15rem .3rem;
    font-size: 12px
  }
  .pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info .pro_mark_case ul li:first-child {
    margin-left: 0
  }
  .pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info .pro_mark_case + .pub_info, .pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info .from_box form .form_inp .inp_case .pro_mark_case + textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info .pro_mark_case + textarea, .pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info .from_box form .form_inp .inp_case .pro_mark_case + input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row05 .row05_con .row05_swiper .pro_mes_block .pro_con_info .pro_mark_case + input {
    margin-top: .4rem
  }
  .pro_det_body .pro_det_row05 .row05_con .row05_nav {
    margin-top: .4rem;
    padding-top: .4rem
  }
  .pro_det_body .pro_det_row05 .row05_con .row05_nav .row05_icon {
    min-width: 1.13rem;
    width: auto;
    padding: 0 .1rem
  }
  .pro_det_body .pro_det_row05 .row05_con .row05_nav .row05_icon i {
    font-size: .34rem
  }
  .pro_det_body .pro_det_row05 .row05_con .row05_nav .row05_icon .pub_title_h5 {
    white-space: nowrap;
    font-size: 12px
  }
  .pro_det_body .pro_det_row05 + .pro_det_row06 {
    margin-top: 0;
    padding-top: 0
  }
  .pro_det_body .pro_det_row06 {
    margin-top: -.5rem;
    padding-top: 0
  }
  .pro_det_body .pro_det_row06 .r_ye {
    margin-bottom: 0
  }
  .pro_det_body .pro_det_row06 .row_case {
    z-index: 3;
    background-color: #4c5b41;
    margin-top: -16vw;
    padding-top: 1px;
    padding-bottom: 1.2rem;
    position: relative;
    bottom: 0
  }
  .pro_det_body .pro_det_row06 .row_case .title_sty_case {
    margin-top: .6rem
  }
  .pro_det_body .pro_det_row06 .row_case .pub_info, .pro_det_body .pro_det_row06 .row_case .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row06 .row_case textarea, .pro_det_body .pro_det_row06 .row_case .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row06 .row_case input {
    width: 100%;
    margin-top: .5rem
  }
  .pro_det_body .pro_det_row07 {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem
  }
  .pro_det_body .pro_det_row07 .pro_row07_con .swiper-slide {
    width: 100%
  }
  .pro_det_body .pro_det_row07 .pro_row07_con .page_btn {
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .4rem;
    display: -ms-flexbox;
    display: flex
  }
  .pro_det_body .pro_det_row07 .pro_row07_con .page_btn > div {
    margin: 0 .2rem
  }
  .pro_det_body .pro_det_row10 {
    padding-top: 1rem;
    padding-bottom: 1.2rem
  }
  .pro_det_body .pro_det_row10 .row10_top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: .7rem
  }
  .pro_det_body .pro_det_row10 .row10_top .pub_info, .pro_det_body .pro_det_row10 .row10_top .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row10 .row10_top textarea, .pro_det_body .pro_det_row10 .row10_top .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row10 .row10_top input {
    width: 100%;
    margin-top: .3rem
  }
  .pro_det_body .pro_det_row10 .row10_con {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .pro_det_body .pro_det_row10 .row10_con .row10_c_block {
    width: 100%;
    margin-right: 0
  }
  .pro_det_body .pro_det_row10 + .pro_det_row11 {
    padding-top: 0
  }
  .pro_det_body .pro_det_row11 .row11_con .row11_c_block {
    margin-bottom: .3rem
  }
  .pro_det_body .pro_det_row11 .row11_con .row11_c_block .row11_txt {
    border-bottom-width: 1px
  }
  .pro_det_body .pro_det_row11 .row11_con .row11_c_block .row11_txt .row11_num, .pro_det_body .pro_det_row11 .row11_con .row11_c_block .row11_txt .pub_info, .pro_det_body .pro_det_row11 .row11_con .row11_c_block .row11_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row11 .row11_con .row11_c_block .row11_txt textarea, .pro_det_body .pro_det_row11 .row11_con .row11_c_block .row11_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row11 .row11_con .row11_c_block .row11_txt input {
    font-size: 10px;
	padding-right: 12px;
  }
  .pro_det_body .pro_det_row12 {
    padding-top: 1.5rem
  }
  .pro_det_body .pro_det_row12 .pub_title_en {
    margin-top: .35rem;
    font-size: .7rem
  }
  .pro_det_body .pro_det_row12 .row12_con {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .pro_det_body .pro_det_row12 .row12_con .row12_c_left {
    width: 100%
  }
  .pro_det_body .pro_det_row12 .row12_con .row12_c_left .title_sty_case {
    margin-top: -.19rem
  }
  .pro_det_body .pro_det_row12 .row12_con .row12_c_right {
    width: 100%;
    border-left: none;
    margin-top: .1rem;
    padding-left: 0
  }
  .pro_det_body .pro_det_row12 .row12_con .row12_c_right .row12_c_block {
    margin-top: .65rem
  }
  .pro_det_body .pro_det_row13 {
    margin-top: -1px;
    padding-top: 1rem;
    padding-bottom: 1.2rem
  }
  .pro_det_body .pro_det_row13 .pub_title_en {
    font-size: .7rem
  }
  .pro_det_body .pro_det_row13 .pub_info, .pro_det_body .pro_det_row13 .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row13 textarea, .pro_det_body .pro_det_row13 .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row13 input {
    min-height: 3em;
    margin-top: .2rem
  }
  .pro_det_body .pro_det_row13 .row13_con {
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .pro_det_body .pro_det_row13 .row13_con .row13_c_block {
    width: 100%;
    margin-right: 0
  }
  .pro_det_body .pro_det_row13 + .pro_det_row07 {
    padding-top: 0
  }
  .pro_det_body .pro_det_row14 .banner_box {
    height: 150vw !important
  }
  .pro_det_body .pro_det_row14 .banner_box .pub_img_box:before {
    display: none
  }
  .pro_det_body .pro_det_row14 .banner_box .banner_txt_case .banner_t_info {
    font-size: 16px
  }
  .pro_det_body .pro_det_row15 {
    padding-top: 1rem;
    padding-bottom: .8rem
  }
  .pro_det_body .pro_det_row15 + .pro_det_row16 {
    margin-top: -.5rem
  }
  .pro_det_body .pro_det_row15 .row15_top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: .7rem
  }
  .pro_det_body .pro_det_row15 .row15_top > .font_box {
    padding-bottom: .25rem
  }
  .pro_det_body .pro_det_row15 .row15_con {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .pro_det_body .pro_det_row15 .row15_con .row15_c_left {
    width: 80%
  }
  .pro_det_body .pro_det_row15 .row15_con .row15_c_left .row15_c_img_q {
    margin-right: -25%
  }
  .pro_det_body .pro_det_row15 .row15_con .row15_c_right {
    width: 100%
  }
  .pro_det_body .pad_t {
    padding-top: 2rem
  }
  .pro_det_body .pro_det_row16 .pub_title_h3 {
    font-size: .36rem
  }
  .pro_det_body .pro_det_row16 .row16_top > .font_box {
    margin-top: .1rem
  }
  .pro_det_body .pro_det_row16 .row16_con .o_txt_t {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 12.766%;
    display: -ms-flexbox;
    display: flex
  }
  .pro_det_body .pro_det_row16 .row16_con .o_txt_t i {
    color: #9cd325;
    margin-right: .2rem;
    font-size: .8rem;
    line-height: 1;
    display: block
  }
  .pro_det_body .pro_det_row16 .row16_con .o_txt_t .font_box {
    margin-top: .35rem
  }
}
@media screen and (orientation:portrait) and (orientation:landscape) {
  .pro_det_body .pro_det_row16 .row16_con .o_txt_t .font_box {
    font-size: .6rem
  }
}
@media screen and (orientation:portrait) {
  .pro_det_body .pro_det_row16 .row16_con .o_txt_t .pub_info, .pro_det_body .pro_det_row16 .row16_con .o_txt_t .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row16 .row16_con .o_txt_t textarea, .pro_det_body .pro_det_row16 .row16_con .o_txt_t .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row16 .row16_con .o_txt_t input {
    width: 100%;
    margin-top: .08rem
  }
  .pro_det_body .pro_det_row16 .row16_con > .row16_block_o {
    width: calc(100% + 1rem);
    margin-left: -.5rem;
    margin-right: -.5rem;
    padding-top: .7rem;
    padding-bottom: .7rem
  }
  .pro_det_body .pro_det_row16 .row16_con > .row16_block_o .o_txt {
    width: 87.234%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -.2rem;
    margin-left: auto;
    padding-right: .5rem
  }
  .pro_det_body .pro_det_row16 .row16_con > .row16_block_o .o_txt .o_txt_t {
    width: 100%;
    margin-left: 0
  }
  .pro_det_body .pro_det_row16 .row16_con > .row16_block_o .o_txt > .pub_info, .pro_det_body .pro_det_row16 .row16_con > .row16_block_o .from_box form .form_inp .inp_case .o_txt > textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row16 .row16_con > .row16_block_o .o_txt > textarea, .pro_det_body .pro_det_row16 .row16_con > .row16_block_o .from_box form .form_inp .inp_case .o_txt > input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row16 .row16_con > .row16_block_o .o_txt > input {
    width: 100%;
    margin-top: .4rem
  }
  .pro_det_body .pro_det_row16 .row16_con > .row16_block_o.flex_d_r .o_txt {
    width: 87.234%;
    margin-top: .6rem
  }
  .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper {
    width: calc(100% + 1rem);
    margin-left: -.5rem;
    margin-right: -.5rem
  }
  .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .swiper {
    margin-top: .5rem
  }
  .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_txt {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .6rem
  }
  .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_txt > .pub_info, .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .from_box form .form_inp .inp_case .sw_txt > textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_txt > textarea, .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .from_box form .form_inp .inp_case .sw_txt > input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_txt > input {
    width: 100%;
    margin-top: .4rem
  }
  .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_img_box {
    width: calc(100% - 1rem);
    padding-top: .8rem;
    padding-bottom: .8rem
  }
  .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_img_box .sw_img_block {
    width: 100%
  }
  .pro_det_body .pro_det_row16 .row16_con .row16_block_swiper .sw_img_box .sw_img_block:last-child {
    margin-bottom: 0
  }
  .pro_det_body .pro_det_row16 + .pro_det_row17 {
    padding-top: .5rem
  }
  .pro_det_body .pro_det_row17 {
    padding-bottom: 1.2rem
  }
  .pro_det_body .pro_det_row17 .row17_con .swiper-wrapper .swiper-slide {
    width: calc(50% - .14rem)
  }
  .pro_det_body .pro_det_row17 .row17_con .swiper-slide {
    position: relative
  }
  .pro_det_body .pro_det_row17 .row17_con .swiper-slide .h6_case {
    padding-left: .15rem;
    padding-right: .15rem
  }
  .pro_det_body .pro_det_row17 .row17_con .swiper-slide .pub_title_h6 {
    text-align: center;
    border-radius: .9rem;
    font-size: 12px
  }
  .pro_det_body .pro_det_row17 .row17_con .page_btn {
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .5rem
  }
  .pro_det_body .pro_det_row17 .row17_con .page_btn > div {
    margin: 0 .2rem
  }
  .pro_det_body .pro_det_row18 .banner_box .pub_img_box:before {
    margin-top: 150vw
  }
  .pro_det_body .pro_det_row18 .banner_box .banner_txt_case {
    top: 1.8rem;
    bottom: auto;
    transform: none
  }
  .pro_det_body .pro_det_row18 .banner_box .banner_txt_case .row18_logo_name {
    height: .6rem
  }
  .pro_det_body .pro_det_row18 .banner_box .banner_txt_case .pub_info, .pro_det_body .pro_det_row18 .banner_box .banner_txt_case .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row18 .banner_box .banner_txt_case textarea, .pro_det_body .pro_det_row18 .banner_box .banner_txt_case .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row18 .banner_box .banner_txt_case input {
    letter-spacing: .5em;
    margin-top: .4rem
  }
  .pro_det_body .pro_det_row19 {
    padding-top: 1rem
  }
  .pro_det_body .pro_det_row19 + .pro_det_row20 {
    margin-top: -1rem
  }
  .pro_det_body .pro_det_row19 .pub_case {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
  .pro_det_body .pro_det_row19 .pub_case .row18_left {
    width: 100%
  }
  .pro_det_body .pro_det_row19 .pub_case .row18_left .row18_l_info {
    margin-top: .4rem
  }
  .pro_det_body .pro_det_row19 .pub_case .row18_right {
    width: 100%;
    margin-right: 0
  }
  .pro_det_body .pro_det_row20 {
    padding-top: 2rem
  }
  .pro_det_body .pro_det_row20 .bg_img_case {
    padding-top: 0
  }
  .pro_det_body .pro_det_row20 .row_case {
    padding-bottom: 1.2rem
  }
  .pro_det_body .pro_det_row20 .row_case .nex_bg {
    display: none
  }
  .pro_det_body .pro_det_row20 .row_case .pub_case {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .pro_det_body .pro_det_row20 .row_case .pub_case .row20_left {
    width: 100%
  }
  .pro_det_body .pro_det_row20 .row_case .pub_case .row20_right {
    width: 100%;
    margin-top: .5rem
  }
  .pro_det_body .pro_det_row20 .row_case .pub_case .row20_right .pub_info_lit {
    margin-top: .4rem
  }
  .pro_det_body .pro_det_row20 .row_case .pub_case .row20_right .pub_info:empty, .pro_det_body .pro_det_row20 .row_case .pub_case .row20_right .from_box form .form_inp .inp_case textarea:empty, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row20 .row_case .pub_case .row20_right textarea:empty, .pro_det_body .pro_det_row20 .row_case .pub_case .row20_right .from_box form .form_inp .inp_case input:empty, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row20 .row_case .pub_case .row20_right input:empty {
    display: none
  }
  .pro_det_body .pro_det_row20 + .pro_det_row10 {
    padding-top: 0
  }
  .pro_det_body .pro_sticky_box {
    padding-bottom: 1px
  }
  .pro_det_body .pro_sticky_box section:nth-child(1) {
    width: 100%;
    position: sticky;
    top: 0;
    left: 0
  }
  .pro_det_body .pro_det_row21_0 .pub_img_box:before {
    margin-top: 100vh
  }
  .pro_det_body .pro_det_row21 .pub_img_box {
    display: none
  }
  .pro_det_body .pro_det_row21 .pub_img_box:before {
    margin-top: 100vh
  }
  .pro_det_body .pro_det_row21 .row_case {
    height: auto;
    position: relative
  }
  .pro_det_body .pro_det_row21 .row_case .pub_case {
    padding-top: .6rem;
    padding-bottom: .8rem
  }
  .pro_det_body .pro_det_row21 .row_case .pub_case .row21_block {
    width: 100%;
    padding: .4rem 0
  }
  .pro_det_body .pro_det_row21 .row_case .pub_case .row21_block:nth-child(1) {
    border-top: none
  }
  .pro_det_body .pro_det_row21 .row_case .pub_case .row21_block:nth-child(3n) > div, .pro_det_body .pro_det_row21 .row_case .pub_case .row21_block > div {
    width: 100%
  }
  .pro_det_body .pro_det_row21 .row_case .pub_case .row21_block i {
    font-size: 18px
  }
  .pro_det_body .pro_det_row22 {
    padding-top: 1rem;
    padding-bottom: 1.2rem
  }
  .pro_det_body .pro_det_row22 + .pro_det_row23 {
    z-index: 2;
    margin-top: -.5rem
  }
  .pro_det_body .pro_det_row22 .row22_top .page_hint {
    font-size: 14px
  }
  .pro_det_body .pro_det_row22 .row22_top .page_btn {
    margin: .15rem 0
  }
  .pro_det_body .pro_det_row22.alo .row22_con .swiper-slide {
    padding-bottom: 0
  }
  .pro_det_body .pro_det_row22 .row22_con .swiper-slide {
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: .6rem;
    display: -ms-flexbox;
    display: flex
  }
  .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block {
    width: 100%;
    z-index: 4;
    margin-right: 0
  }
  .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block > .pub_img_box {
    opacity: 1
  }
  .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block > .pub_img_box:before {
    margin-top: 55%
  }
  .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box {
    background-color: transparent
  }
  .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box > .pub_img_box {
    opacity: 0
  }
  .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box > .pub_img_box:before {
    margin-top: 55%
  }
  .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box .h_txt .pub_info, .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box .h_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box .h_txt textarea, .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box .h_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box .h_txt input {
    display: none;
    transform: none
  }
  .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block > .pub_img_box .ms_txt .pub_title_h5 {
    transform: translate(-100%)
  }
  .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block > .pub_img_box .ms_txt .pub_title_h6 {
    transform: translate(100%)
  }
  .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box {
    opacity: 1;
    max-height: 5.26rem
  }
  .pro_det_body .pro_det_row22 .row22_con .swiper-slide .row22_block .img_clip_box .h_txt .pub_title_h4 {
    transform: none
  }
  .pro_det_body .pro_det_row22 .row22_con .swiper-wrapper {
    z-index: 3;
    position: relative
  }
  .pro_det_body .pro_det_row22 .row22_con .swiper-horizontal > .swiper-scrollbar {
    height: 2px;
    bottom: 0
  }
  .pro_det_body .pro_det_row23 {
    position: relative
  }
  .pro_det_body .pro_det_row23 .row_case .ain_A {
    height: auto
  }
  .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .pub_case {
    padding-top: 0
  }
  .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_top .pub_info, .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_top .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_top textarea, .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_top .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_top input {
    text-align: justify
  }
  .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con {
    white-space: initial;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .8rem
  }
  .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block {
    width: 100%;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-bottom: .8rem;
    padding-right: 0
  }
  .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block:last-child {
    margin-bottom: .2rem
  }
  .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .gim, .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .new_block .new_txt .new_time, .new_block .new_txt .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .new_time, .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .pro_det_row11 .row11_con .row11_c_block .row11_txt .row11_num, .pro_det_body .pro_det_row11 .row11_con .row11_c_block .row11_txt .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .row11_num, .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .pro_det_row22 .row22_top .page_hint span, .pro_det_body .pro_det_row22 .row22_top .page_hint .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block span, .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .new_block02 .news02_txt .news_time, .new_block02 .news02_txt .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .news_time, .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .pub_info_en, .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-pagination span, .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-pagination .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block span, .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .marketing_body .market_con .title_sty .t_con span, .marketing_body .market_con .title_sty .t_con .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block span, .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen .m_r3_con a .num_case > div span, .marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen .m_r3_con a .num_case > div .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block span {
    font-size: 16px
  }
  .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .line_sty {
    display: none
  }
  .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block > .iconfont {
    margin-top: 0;
    margin-left: .2rem;
    font-size: .66rem
  }
  .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .pub_title_h3 {
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 0;
    margin-left: .2rem
  }
  .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .pub_info, .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block textarea, .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block input {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .1rem;
    line-height: 1.8
  }
  .pro_det_body .pro_det_row24 {
    padding-top: 1rem;
    padding-bottom: 1.2rem
  }
  .pro_det_body .pro_det_row24 .row24_con {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .pro_det_body .pro_det_row24 .row24_con .row24_block {
    width: 47.5%;
    margin-bottom: .6rem;
    margin-right: 5%
  }
  .pro_det_body .pro_det_row24 .row24_con .row24_block:nth-child(2n) {
    margin-right: 0
  }
  .pro_det_body .pro_det_row24 .row24_con .row24_block:last-child {
    width: 100%;
    margin-bottom: 0;
    margin-right: 0
  }
  .pro_det_body .pro_det_row24 .row24_con .row24_block .pub_img_box {
    width: 1.5rem
  }
  .pro_det_body .pro_det_row24 .row24_con .pub_title_h5 {
    text-align: center;
    margin-top: .3rem
  }
  .pro_det_body.proDetail80 .pro_det_row03 + .pro_det_row07, .pro_det_body.proDetail80 .pro_det_row20 + .pro_det_row03 {
    padding-top: 0
  }
  .page_btn .swiper-button-prev, .page_btn .swiper-button-next, .page_btn .btn_prev, .page_btn .btn_next {
    width: .9rem;
    height: .9rem;
    margin-left: .3rem
  }
  .page_btn .swiper-button-prev i, .page_btn .swiper-button-next i, .page_btn .btn_prev i, .page_btn .btn_next i {
    font-size: .22rem
  }
  .page_btn ul {
    margin: 0 .56rem
  }
  .page_btn ul a, .page_btn ul span {
    padding: .1rem;
    font-size: 14px
  }
  .list_box + .page_btn {
    margin-top: .7rem
  }
  .news_block .news_txt .n_mark {
    margin-bottom: .15rem
  }
  .news_block .news_txt .n_mark span {
    font-size: 16px
  }
  .news_block .news_txt .news_time {
    font-size: 15px
  }
  .new_block02 .news02_txt {
    padding: .42rem 0
  }
  .new_block02 .news02_txt .news_time {
    font-size: 15px
  }
  .new_body .second_nav_case .sec_nav_con .sec_nav_sty01.det_n_sty .swiper-slide {
    -ms-flex: 1;
    flex: 1
  }
  .new_body .new_row01 {
    padding-top: .5rem;
    padding-bottom: 1.2rem
  }
  .new_body .new_row01 .new_list .news_block {
    width: 100%;
    margin-right: 0
  }
  .new_body .new_row01 .new_list .news_block .pub_img_box:before {
    margin-top: 60%
  }
  .new_body .new_row01 .page_btn {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 1.2rem;
    position: relative
  }
  .new_body .new_row01 .page_btn > a {
    margin: 0;
    position: absolute;
    bottom: 0
  }
  .new_body .new_row01 .page_btn .btn_prev {
    margin-left: -.2rem;
    left: 50%;
    transform: translate(-100%)
  }
  .new_body .new_row01 .page_btn .btn_next {
    margin-right: -.2rem;
    right: 50%;
    transform: translate(100%)
  }
  .new_body .new_row02 {
    padding-top: 1rem
  }
  .new_body .new_row02 + .new_row03 {
    margin-top: -.5rem
  }
  .new_body .new_row02 .new_row02_con .swiper {
    width: 100%;
    margin-left: 0;
    margin-right: 0
  }
  .new_body .new_row02 .new_row02_con .swiper .swiper-slide {
    width: 100%;
    padding-left: 0;
    padding-right: 0
  }
  .new_body .new_row02 .new_row02_con .new_row02_btm {
    margin-top: 0
  }
  .new_body .new_row02 .new_row02_con .new_row02_btm .n_row02_hint .pub_hint, .new_body .new_row02 .new_row02_con .new_row02_btm .n_row02_hint .iconfont {
    font-size: 12px
  }
  .new_body .new_row03 {
    padding-top: 1.5rem;
    padding-bottom: 1.2rem
  }
  .new_body .new_row03 .new_r03_top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .new_body .new_row03 .new_r03_top .lb_tab_case {
    width: 100%;
    margin-top: .6rem
  }
  .new_body .new_row03 .new_r03_top .lb_tab_case .swiper-slide {
    width: auto
  }
  .new_body .new_row03 .new_r03_top .lb_tab_case span {
    height: .6rem;
    padding-left: .35rem;
    padding-right: .35rem;
    font-size: .24rem
  }
  .new_body .new_row03 .n_row03_con {
    padding-top: .6rem
  }
  .new_body .new_row03 .n_row03_con > img {
    width: 5rem;
    top: auto;
    bottom: 1.2rem;
    left: 0
  }
  .new_body .new_row03 .n_row03_con .ank_show_case {
    width: 100%;
    display: none;
    top: .45rem;
    left: 0
  }
  .new_body .new_row03 .n_row03_con .ank_show_case .btn_dot {
    cursor: pointer;
    background-color: transparent;
    border-color: #fff;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: calc(100% + .5rem);
    left: 0
  }
  .new_body .new_row03 .n_row03_con .ank_show_case.on {
    display: block
  }
  .new_body .new_row03 .n_row03_con .t_show_case {
    width: 100%;
    margin-top: -.2rem
  }
  .new_body .new_row03 .n_row03_con .t_show_case .btn_hint {
    font-size: 16px
  }
  .new_body .new_row03 .n_row03_con .t_show_case .btn_hint i {
    padding-top: .2em;
    font-size: 12px
  }
  .new_body .new_row03 .n_row03_con .ans_show_case {
    min-height: 434px;
    position: relative
  }
  .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank {
    position: relative
  }
  .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank p {
    width: 100%;
    max-width: none;
    margin-bottom: .15rem;
    padding-top: .2rem;
    padding-bottom: .2rem
  }
  .new_body .new_row03 .n_row03_con .ans_show_case .btn_hover_ank p:before {
    display: none
  }
  .new_body .new_row04 {
    padding-top: 1rem;
    padding-bottom: 1.2rem
  }
  .new_body .new_row04 .n_row04 .j_right .page_btn {
    width: 100%;
    margin-top: 0
  }
  .new_body .new_row04 .n_row04 .j_right .page_btn > div {
    margin: 0 .2rem
  }
  .new_body .new_row05 {
    padding-top: 1rem;
    padding-bottom: 1.2rem
  }
  .new_body .new_row05 .n_row05 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .new_body .new_row05 .n_row05 .n_row05_tab {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .6rem;
    margin-bottom: 0;
    margin-right: 0
  }
  .new_body .new_row05 .n_row05 .n_row05_tab a {
    height: .8rem;
    width: 47.5%;
    border-width: 2px;
    border-radius: .9rem;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5%;
    padding: .2rem;
    display: -ms-flexbox;
    display: flex
  }
  .new_body .new_row05 .n_row05_case {
    margin-top: .2rem
  }
  .new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li {
    border-bottom-width: 1px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .n_r5_left {
    width: 100%
  }
  .new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .n_r5_left > i {
    margin-right: .3rem;
    font-size: .46rem
  }
  .new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .btn_sty_box {
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .3rem
  }
  .new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .btn_sty_box .btn_sty {
    width: 2.2rem;
    height: .8rem;
    margin: 0 .2rem
  }
  .new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .btn_sty_box .btn_sty span {
    font-size: 16px
  }
  .new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .btn_sty_box .btn_sty span i {
    font-size: 14px
  }
  .new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .btn_sty_box .btn_sty.btn_line span i {
    font-size: 18px
  }
  .new_body .new_row05 .n_row05_case .n_row05_con .n_row05_list li .n_row05_n {
    width: calc(100% - .76rem);
    padding-right: 0
  }
  .new_body .new_row05 .n_row05_case .n_row05_con .video_list_con .video_block {
    width: 100%;
    margin-bottom: .45rem;
    margin-right: 0
  }
  .new_body .new_row05 .n_row05_case .n_row05_con .video_list_con .video_block .btn_video_sha .pub_img_box i {
    width: 1rem;
    height: 1rem;
    margin-top: -.5rem;
    margin-left: -.5rem;
    font-size: 1rem
  }
  .new_body .new_row05 .n_row05_case .n_row05_con .video_list_con .video_block .btn_video_sha .pub_title_h3 {
    margin-top: .16rem;
    font-size: 18px
  }
  .new_body .new_row05 .n_row05_case .n_row05_con .video_list_con .video_block .btn_sty_hover {
    width: 2.2rem;
    height: .8rem;
    margin-top: .16rem
  }
  .new_body .new_row05 .n_row05_case .n_row05_con .video_list_con .video_block .btn_sty_hover span, .new_body .new_row05 .n_row05_case .n_row05_con .video_list_con .video_block .btn_sty_hover span i {
    font-size: 16px
  }
  .new_body .new_row05 .n_row05_case .n_row05_con .manual_list_con .manual_block {
    width: 48.5%;
    margin-bottom: .45rem;
    margin-right: 3%
  }
  .new_body .new_row05 .n_row05_case .n_row05_con .manual_list_con .manual_block:nth-child(2n) {
    margin-right: 0
  }
  .new_body .new_row05 .n_row05_case .n_row05_con .manual_list_con .manual_block .btn_video_sha .pub_title_h3 {
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: .18rem;
    padding-bottom: .18rem;
    font-size: 16px;
    display: block;
    overflow: hidden
  }
  .new_body .new_row05 .n_row05_case .n_row05_con .manual_list_con .manual_block .btn_sty_hover {
    width: 2.2rem;
    height: .8rem;
    margin-top: .16rem
  }
  .new_body .new_row05 .n_row05_case .n_row05_con .manual_list_con .manual_block .btn_sty_hover span, .new_body .new_row05 .n_row05_case .n_row05_con .manual_list_con .manual_block .btn_sty_hover span i {
    font-size: 16px
  }
  .new_det_body .new_d_time {
    font-size: 15px
  }
  .new_det_body .banner_case_ban .banner_box .pub_img_box:before {
    margin-top: 80%
  }
  .new_det_body .banner_case_ban .banner_box .banner_txt_case .pub_case {
    padding-right: .5rem
  }
  .new_det_body .banner_case_ban .banner_box .banner_txt_case .banner_t_title {
    font-size: 18px
  }
  .new_det_body .banner_case_ban .banner_box .banner_txt_case .pub_case .leave_banner {
    display: none
  }
  .new_det_body .banner_case_ban + .add_case {
    font-size: 0
  }
  .new_det_body .banner_case_ban + .add_case .add_box {
    top: .36rem
  }
  .new_det_body .new_d_row01 {
    padding-top: 1rem;
    padding-bottom: 1.2rem
  }
  .new_det_body .new_d_row01 .new_d_con:after {
    font-size: 12px
  }
  .new_det_body .new_d_row01 .new_btns_box {
    margin-top: .6rem
  }
  .new_det_body .new_d_row01 .new_btns_box .btn_sty {
    width: 1.6rem
  }
  .new_det_body .new_d_row01 .new_btns_box .btn_sty.btn_line:first-child span, .new_det_body .new_d_row01 .new_btns_box .btn_sty.btn_line:last-child span {
    padding-top: .2em
  }
  .new_det_body .new_d_row01 .new_btns_box .btn_sty.btn_line:first-child span i, .new_det_body .new_d_row01 .new_btns_box .btn_sty.btn_line:last-child span i {
    padding-bottom: .2em;
    font-size: 11px
  }
  .btn_aj_more {
    font-size: 16px
  }
  .btn_aj_more i {
    font-size: 12px
  }
  .investor_body {
    font-size: 16px
  }
  .investor_body .sec_nav_sty01 .pub_case {
    padding-left: .3rem;
    padding-right: .3rem
  }
  .investor_body .inv_row01 {
    padding-top: 1rem
  }
  .investor_body .inv_row01 .title_sty_case {
    position: relative
  }
  .investor_body .inv_row01 .title_sty_case > div {
    margin-left: .2rem
  }
  .investor_body .inv_row01 .title_sty_case .sm {
    margin-bottom: .24rem
  }
  .investor_body .inv_row01 .title_sty_case .sm h6 {
    font-size: 12px
  }
  .investor_body .inv_row01 .i_row01 {
    margin-top: .3rem
  }
  .investor_body .inv_row01 .i_row01 .i_row01_case {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .45rem 0 .4rem
  }
  .investor_body .inv_row01 .i_row01 .i_row01_case .i_row01_block {
    width: 47.5%;
    margin-top: .3rem;
    padding-right: 0
  }
  .investor_body .inv_row01 .i_row01 .i_row01_case .i_row01_block:nth-child(1), .investor_body .inv_row01 .i_row01 .i_row01_case .i_row01_block:nth-child(2) {
    margin-top: 0
  }
  .investor_body .inv_row01 .i_row01 .i_row01_case .i_row01_block:nth-child(4) {
    width: 47.5%
  }
  .investor_body .inv_row01 .i_row01 .i_row01_case .i_row01_block:last-child {
    padding-right: 0
  }
  .investor_body .inv_row01 .i_row01 .i_row01_case .i_row01_block h5 {
    font-size: 12px
  }
  .investor_body .inv_row01 .i_row01 .i_row01_case .i_row01_block .pub_info, .investor_body .inv_row01 .i_row01 .i_row01_case .i_row01_block .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .investor_body .inv_row01 .i_row01 .i_row01_case .i_row01_block textarea, .investor_body .inv_row01 .i_row01 .i_row01_case .i_row01_block .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .investor_body .inv_row01 .i_row01 .i_row01_case .i_row01_block input {
    font-size: 16px;
    line-height: 1.4
  }
  .investor_body .inv_row01 .i_row01 .i_row01_case:nth-child(2) .i_row01_block:first-child {
    width: 100%
  }
  .investor_body .inv_row01 .i_row01 .i_row01_case:nth-child(2) .i_row01_block:nth-child(2) {
    width: 100%;
    margin-top: .3rem
  }
  .investor_body .inv_row01 .i_row01 .i_row01_case:nth-child(4) .i_row01_block:first-child {
    width: 100%
  }
  .investor_body .inv_row01 .i_row01 .i_row01_case:nth-child(4) .i_row01_block:nth-child(2) {
    width: 100%;
    margin-top: .3rem
  }
  .investor_body .inv_row02 {
    padding-top: .5rem
  }
  .investor_body .inv_row02 .parameter_case {
    width: 100%;
    overscroll-behavior: auto;
    overflow-x: auto
  }
  .investor_body .inv_row02 .parameter_case::-webkit-scrollbar-horizontal {
    height: 2px;
    background-color: rgba(0, 101, 59, .6)
  }
  .investor_body .inv_row02 .parameter_case::-webkit-scrollbar-thumb:horizontal {
    height: 2px;
    cursor: pointer;
    background-color: #9cd325
  }
  .investor_body .inv_row02 .parameter_case table {
    width: 12rem
  }
  .investor_body .inv_row02 .parameter_case th, .investor_body .inv_row02 .parameter_case td {
    height: .74rem;
    width: 23%
  }
  .investor_body .inv_row02 .parameter_case th:nth-child(1), .investor_body .inv_row02 .parameter_case td:nth-child(1) {
    width: 19%
  }
  .investor_body .inv_row02 .parameter_case th:nth-child(2), .investor_body .inv_row02 .parameter_case td:nth-child(2) {
    width: 35%
  }
  .investor_body .inv_row02 .parameter_case th:nth-child(3), .investor_body .inv_row02 .parameter_case th:nth-child(4), .investor_body .inv_row02 .parameter_case td:nth-child(3), .investor_body .inv_row02 .parameter_case td:nth-child(4) {
    padding-left: .5rem
  }
  .investor_body .inv_row03 {
    padding-top: 1rem;
    padding-bottom: 1.2rem
  }
  .investor_body .inv_row03 .i_row03_con {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .98rem
  }
  .investor_body .inv_row03 .i_row03_con .i_row03_block {
    width: 100%;
    margin-bottom: .6rem;
    padding-left: 1rem;
    position: relative
  }
  .investor_body .inv_row03 .i_row03_con .i_row03_block:last-child {
    margin-bottom: 0
  }
  .investor_body .inv_row03 .i_row03_con .i_row03_block .pub_img_box {
    margin-top: -.37rem;
    position: absolute;
    top: 50%;
    left: 0
  }
  .investor_body .inv_row03 .i_row03_con .i_row03_block .pub_title_h4 {
    margin-top: 0
  }
  .investor_body .inv_row03 .i_row03_con .i_row03_block .pub_info.gsd-medium, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case textarea.gsd-medium, .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block textarea.gsd-medium, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case input.gsd-medium, .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block input.gsd-medium, .investor_body .inv_row03 .i_row03_con .i_row03_block .new_body .new_row03 .n_row03_con .ank_show_case .pub_info.y_left, .new_body .new_row03 .n_row03_con .ank_show_case .investor_body .inv_row03 .i_row03_con .i_row03_block .pub_info.y_left, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case .new_body .new_row03 .n_row03_con .ank_show_case textarea.y_left, .from_box form .form_inp .inp_case .new_body .new_row03 .n_row03_con .ank_show_case .investor_body .inv_row03 .i_row03_con .i_row03_block textarea.y_left, .investor_body .inv_row03 .i_row03_con .i_row03_block .new_body .new_row03 .n_row03_con .ank_show_case .from_box form .form_inp .inp_case textarea.y_left, .new_body .new_row03 .n_row03_con .ank_show_case .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block textarea.y_left, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case .new_body .new_row03 .n_row03_con .ank_show_case input.y_left, .from_box form .form_inp .inp_case .new_body .new_row03 .n_row03_con .ank_show_case .investor_body .inv_row03 .i_row03_con .i_row03_block input.y_left, .investor_body .inv_row03 .i_row03_con .i_row03_block .new_body .new_row03 .n_row03_con .ank_show_case .from_box form .form_inp .inp_case input.y_left, .new_body .new_row03 .n_row03_con .ank_show_case .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block input.y_left, .investor_body .inv_row03 .i_row03_con .i_row03_block .new_body .new_row03 .n_row03_con .ank_show_case .pub_info.y_right, .new_body .new_row03 .n_row03_con .ank_show_case .investor_body .inv_row03 .i_row03_con .i_row03_block .pub_info.y_right, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case .new_body .new_row03 .n_row03_con .ank_show_case textarea.y_right, .from_box form .form_inp .inp_case .new_body .new_row03 .n_row03_con .ank_show_case .investor_body .inv_row03 .i_row03_con .i_row03_block textarea.y_right, .investor_body .inv_row03 .i_row03_con .i_row03_block .new_body .new_row03 .n_row03_con .ank_show_case .from_box form .form_inp .inp_case textarea.y_right, .new_body .new_row03 .n_row03_con .ank_show_case .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block textarea.y_right, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case .new_body .new_row03 .n_row03_con .ank_show_case input.y_right, .from_box form .form_inp .inp_case .new_body .new_row03 .n_row03_con .ank_show_case .investor_body .inv_row03 .i_row03_con .i_row03_block input.y_right, .investor_body .inv_row03 .i_row03_con .i_row03_block .new_body .new_row03 .n_row03_con .ank_show_case .from_box form .form_inp .inp_case input.y_right, .new_body .new_row03 .n_row03_con .ank_show_case .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block input.y_right, .investor_body .inv_row03 .i_row03_con .i_row03_block .step_02_case .step_02 .step_con_case .step_block .icon_con .icon_txt span.pub_info, .step_02_case .step_02 .step_con_case .step_block .icon_con .icon_txt .investor_body .inv_row03 .i_row03_con .i_row03_block span.pub_info, .investor_body .inv_row03 .i_row03_con .i_row03_block .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .pub_info.time_y, .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .investor_body .inv_row03 .i_row03_con .i_row03_block .pub_info.time_y, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide textarea.time_y, .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .investor_body .inv_row03 .i_row03_con .i_row03_block textarea.time_y, .investor_body .inv_row03 .i_row03_con .i_row03_block .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .from_box form .form_inp .inp_case textarea.time_y, .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block textarea.time_y, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide input.time_y, .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .investor_body .inv_row03 .i_row03_con .i_row03_block input.time_y, .investor_body .inv_row03 .i_row03_con .i_row03_block .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .from_box form .form_inp .inp_case input.time_y, .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block input.time_y, .investor_body .inv_row03 .i_row03_con .i_row03_block .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .pub_info.cou_time, .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .investor_body .inv_row03 .i_row03_con .i_row03_block .pub_info.cou_time, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right textarea.cou_time, .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .investor_body .inv_row03 .i_row03_con .i_row03_block textarea.cou_time, .investor_body .inv_row03 .i_row03_con .i_row03_block .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .from_box form .form_inp .inp_case textarea.cou_time, .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block textarea.cou_time, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right input.cou_time, .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .investor_body .inv_row03 .i_row03_con .i_row03_block input.cou_time, .investor_body .inv_row03 .i_row03_con .i_row03_block .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .from_box form .form_inp .inp_case input.cou_time, .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block input.cou_time, .investor_body .inv_row03 .i_row03_con .i_row03_block .about_body .abo_row01 .row_case .cou_nav .pub_info.swiper-slide, .about_body .abo_row01 .row_case .cou_nav .investor_body .inv_row03 .i_row03_con .i_row03_block .pub_info.swiper-slide, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_nav textarea.swiper-slide, .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_nav .investor_body .inv_row03 .i_row03_con .i_row03_block textarea.swiper-slide, .investor_body .inv_row03 .i_row03_con .i_row03_block .about_body .abo_row01 .row_case .cou_nav .from_box form .form_inp .inp_case textarea.swiper-slide, .about_body .abo_row01 .row_case .cou_nav .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block textarea.swiper-slide, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_nav input.swiper-slide, .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_nav .investor_body .inv_row03 .i_row03_con .i_row03_block input.swiper-slide, .investor_body .inv_row03 .i_row03_con .i_row03_block .about_body .abo_row01 .row_case .cou_nav .from_box form .form_inp .inp_case input.swiper-slide, .about_body .abo_row01 .row_case .cou_nav .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block input.swiper-slide, .investor_body .inv_row03 .i_row03_con .i_row03_block .about_body .abo_row14 .pub_case .cun_case .com_r1_block .num_box span.pub_info, .about_body .abo_row14 .pub_case .cun_case .com_r1_block .num_box .investor_body .inv_row03 .i_row03_con .i_row03_block span.pub_info {
    font-size: .18px
  }
  .investor_body .inv_row03 .i_row03_con .i_row03_block .pub_info span, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case textarea span, .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block textarea span, .investor_body .inv_row03 .i_row03_con .i_row03_block .from_box form .form_inp .inp_case input span, .from_box form .form_inp .inp_case .investor_body .inv_row03 .i_row03_con .i_row03_block input span {
    font-size: .12px
  }
  .investor_body .inv_row04 {
    padding-top: 1rem;
    padding-bottom: 1.2rem
  }
  .investor_body .inv_row04 .i_row04 .pub_title_h2 {
    line-height: 1.2
  }
  .investor_body .inv_row04 .i_row04 .i_row04_con {
    text-align: justify;
    margin-top: .34rem
  }
  .investor_body .inv_row04 .i_row04 .btn_boxs .btn_line {
    height: .8rem;
    width: 100%
  }
  .investor_body .inv_row04 .i_row04 .btn_boxs .btn_line span {
    width: calc(100% - .7rem)
  }
  .investor_body .inv_row04 .i_row04 .btn_boxs .btn_line span i:first-child, .investor_body .inv_row04 .i_row04 .btn_boxs .btn_line span i:last-child {
    font-size: 16px
  }
  .investor_body .inv_row04 .i_row04 .btn_boxs .btn_line span span {
    max-width: calc(100% - .26rem - 32px);
    font-size: 16px
  }
  .investor_body .inv_row05 {
    padding-top: 1rem;
    padding-bottom: 1.2rem
  }
  .investor_body .inv_row05 .i_row05_con:before {
    display: none
  }
  .investor_body .inv_row05 .i_row05_con a {
    width: 100%;
    margin-bottom: 0;
    padding-top: .32rem;
    padding-bottom: .32rem
  }
  .investor_body .inv_row05 .i_row05_con a h4 {
    width: calc(100% - .6rem);
    font-size: 16px
  }
  .investor_body .inv_row05 .i_row05_con a i {
    font-size: 14px
  }
  .investor_body .inv_row05 .i_row05_con a:before {
    opacity: .25;
    transform: none
  }
  .investor_body .inv_row05 .page_btn {
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .42rem
  }
  .investor_body .inv_row05 .page_btn > div {
    margin-left: .2rem;
    margin-right: .2rem
  }
  .stock_con {
    font-size: 16px
  }
  .stock_con .sto_r1 {
    padding-top: 1rem;
    padding-bottom: .5rem
  }
  .stock_con .sto_r1 .sto_con {
    margin-top: .4rem
  }
  .stock_con .sto_r1 .sto_con > div {
    margin-right: .4rem
  }
  .stock_con .sto_r1 .sto_con > div:last-child {
    margin-right: 0
  }
  .stock_con .sto_r1 .sto_con > div h6 {
    font-size: 14px
  }
  .stock_con .sto_r1 .chart_case {
    margin-top: .4rem;
    padding: .4rem 0
  }
  .stock_con .sto_r1 .chart_case .cha_title {
    font-size: .32rem
  }
  .stock_con .sto_r1 .chart_case .cha_title span {
    font-size: .28rem
  }
  .stock_con .sto_r1 .chart_case .cha_info {
    margin-top: .2rem;
    font-size: .24rem
  }
  .stock_con .sto_r1 .chart_case .cha_info > div, .stock_con .sto_r1 .chart_case .cha_info span.cha_time {
    margin-top: 0
  }
  .stock_con .sto_r1 .chart_case #chart {
    margin-top: .3rem
  }
  .stock_con .inv_row06 {
    padding-top: .5rem;
    padding-bottom: .6rem
  }
  .stock_con .inv_row06 .parameter_case {
    overscroll-behavior: initial;
    margin-top: .5rem;
    overflow-x: auto
  }
  .stock_con .inv_row06 .parameter_case table {
    width: 10rem
  }
  .stock_con .inv_row06 .parameter_case th, .stock_con .inv_row06 .parameter_case td:nth-child(1) {
    background-color: #ecf6e0
  }
  .stock_con .inv_row06 .parameter_case th, .stock_con .inv_row06 .parameter_case td {
    height: .79rem;
    padding-left: .3rem;
    padding-right: .3rem
  }
  .stock_con .inv_row06:last-child {
    padding-bottom: 1.3rem
  }
  .b_row03_con .from_box form {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .b_row03_con .from_box form .form_inp {
    width: 100%
  }
  .b_row03_con .from_box form .form_inp label {
    font-size: 14px
  }
  .b_row03_con .from_box form .form_inp input, .b_row03_con .from_box form .form_inp textarea {
    font-size: 16px
  }
  .b_row03_con .from_box form .form_inp textarea {
    height: 2.3rem
  }
  .b_row03_con .from_box form .form_inp textarea::-ms-input-placeholder {
    line-height: 2rem
  }
  .b_row03_con .from_box form .form_inp textarea::placeholder {
    line-height: 2rem
  }
  .b_row03_con .from_box form .form_inp.yzm_code {
    width: 100% !important
  }
  .b_row03_con .from_box form .form_inp .sel_boxs {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .b_row03_con .from_box form .form_inp .sel_boxs .sel_block {
    width: 100%;
    margin-bottom: .3rem
  }
  .b_row03_con .from_box form .form_inp .sel_boxs .sel_block:nth-last-child(2) {
    margin-bottom: 0
  }
  .b_row03_con .from_box form .form_inp .roa_boxs {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0
  }
  .b_row03_con .from_box form .form_inp .roa_boxs .roa_block {
    width: auto;
    height: .8rem;
    margin-bottom: .14rem;
    margin-right: .14rem
  }
  .b_row03_con .from_box form .form_inp .roa_boxs .roa_block span {
    border-width: 2px;
    padding: .1rem .45rem;
    font-size: 16px
  }
  .b_row03_con .from_box form .form_inp .roa_boxs .roa_block i {
    font-size: 12px
  }
  .b_row03_con .from_box form .sel_block .sel_show, .b_row03_con .from_box form .sel_check_block .sel_show {
    font-size: 16px
  }
  .b_row03_con .from_box form .file_input {
    height: 2.3rem;
    border-width: 2px
  }
  .b_row03_con .from_box form .file_input .file_sty i {
    font-size: 18px
  }
  .b_row03_con .from_box form .file_input .file_sty span {
    font-size: 16px
  }
  .b_row03_con .from_box form .file_input .pib_info {
    text-align: center;
    font-size: 12px;
    line-height: 1.2
  }
  .b_row03_con .from_box form .file_input .pib_info br {
    display: block
  }
  .b_row03_con .from_box form .file_input input {
    height: 100%
  }
  .b_row03_con .from_box form .b_row03_left, .b_row03_con .from_box form .b_row03_left .form_inp, .b_row03_con .from_box form .b_row03_right {
    width: 100%
  }
  .b_row03_con .from_box form .b_row03_right .form_inp:nth-child(2) {
    padding-top: .3rem
  }
  .b_row03_con .from_box form .b_row03_btm .btn_sty {
    width: 100%
  }
  .com_tab_box span {
    border-width: 2px;
    font-size: .3rem
  }
  .brand_body {
    font-size: 16px
  }
  .brand_body .brand_row01 {
    padding-top: 1rem
  }
  .brand_body .brand_row01 .b_row01_top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .brand_body .brand_row01 .b_row01_top .sel_block, .brand_body .brand_row01 .b_row01_top .sel_block .sel_sha {
    border-radius: .1rem
  }
  .brand_body .brand_row01 .b_row01_top .sel_block .sel_show span {
    width: calc(100% - .4rem);
    padding-left: .4rem;
    padding-right: .4rem;
    font-size: 16px
  }
  .brand_body .brand_row01 .b_row01_top .sel_block .sel_show i {
    width: 2.70833vw;
    position: absolute;
    top: 50%;
    right: .2rem;
    transform: translateY(-50%)scale(.6)
  }
  .brand_body .brand_row01 .b_row01_top .sel_block.on .sel_sha {
    border-radius: .1rem !important
  }
  .brand_body .brand_row01 .b_row01_top .sel_check_block {
    background-color: #ebf4e4
  }
  .brand_body .brand_row01 .b_row01_top .from_box .form_inp {
    width: 100%;
    margin-right: 0
  }
  .brand_body .brand_row01 .b_row01_top .from_box .form_inp:first-child {
    width: 100%;
    margin-top: 0
  }
  .brand_body .brand_row01 .b_row01_top .from_box .btn_sty {
    width: 100%;
    border-radius: .1rem
  }
  .brand_body .brand_row01 .b_row01_top .from_box .btn_sty i {
    font-size: 16px
  }
  .brand_body .brand_row01 .b_row01_top .from_box .btn_sty > span {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
  }
  .brand_body .brand_row01 .b_row01_top .from_box .btn_sty > span span {
    font-size: 16px;
    display: block
  }
  .brand_body .brand_row01 .b_row01_top .btn_sel_boxs {
    width: 100%;
    margin-top: .6rem;
    margin-bottom: 0
  }
  .brand_body .brand_row01 .amap-icon {
    transform-origin: 50% 100%;
    transform: scale(.6)
  }
  .brand_body .brand_row01 .b_row01_con {
    height: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .brand_body .brand_row01 .b_row01_con .b_row01_left {
    width: 100%;
    height: calc(75vw - .75rem);
    overflow: hidden
  }
  .brand_body .brand_row01 .b_row01_con .b_row01_left > div {
    height: 140%
  }
  .brand_body .brand_row01 .b_row01_con .b_row01_right {
    width: 100%;
    height: 6.8rem;
    padding: .6rem 0
  }
  .brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list {
    height: 100%
  }
  .brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul {
    padding-left: .4rem;
    padding-right: .4rem
  }
  .brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li {
    border-bottom-width: 1px;
    padding-top: .35rem;
    padding-bottom: .35rem
  }
  .brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li .pub_title_h3 {
    font-size: 18px
  }
  .brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li .mark_box span {
    font-size: 14px
  }
  .brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li .pub_info, .brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li textarea, .brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .brand_body .brand_row01 .b_row01_con .b_row01_right .b_row01_list ul li input {
    margin-top: .23rem;
    font-size: 14px
  }
  .brand_body .brand_row01 .b_row01_con .b_row01_right .btn_sty {
    height: .7rem;
    margin-top: .3rem
  }
  .brand_body .brand_row01 .b_row01_con .b_row01_right .btn_sty:before {
    display: none
  }
  .brand_body .brand_row01 .b_row01_con .b_row01_right .btn_sty span {
    font-size: 16px
  }
  .brand_body .brand_row05 {
    padding-bottom: 1.2rem
  }
  .brand_body .brand_row05 + .brand_row02 {
    margin-top: -.5rem
  }
  .brand_body .brand_row05 .inq_con {
    margin-top: .6rem
  }
  .brand_body .brand_row05 .inq_con form input {
    text-align: left;
    padding: .1rem 2rem .1rem .2rem;
    font-size: 16px
  }
  .brand_body .brand_row05 .inq_con form a {
    width: 1.8rem;
    height: .8rem
  }
  .brand_body .brand_row05 .inq_con form a span {
    font-size: 16px
  }
  .brand_body .brand_row05 .inq_con form a span i {
    font-size: 18px
  }
  .brand_body .inq_sha .inq_sha_con, .brand_body .tel_sha .inq_sha_con {
    width: calc(100% - 1rem);
    min-height: 3.55rem;
    border-width: 2px;
    border-radius: .1rem;
    padding-bottom: .14rem
  }
  .brand_body .inq_sha .inq_sha_con .inq_title, .brand_body .tel_sha .inq_sha_con .inq_title {
    width: 2.5rem;
    height: .7rem;
    border-radius: .8rem;
    font-size: 16px
  }
  .brand_body .inq_sha .inq_sha_con .inq_j i, .brand_body .tel_sha .inq_sha_con .inq_j i {
    width: .8rem;
    height: .8rem;
    font-size: 15px
  }
  .brand_body .inq_sha .inq_sha_con .inq_j h4, .brand_body .tel_sha .inq_sha_con .inq_j h4 {
    margin-top: .3rem
  }
  .brand_body .inq_sha .inq_sha_con .inq_j.inq_confirm, .brand_body .tel_sha .inq_sha_con .inq_j.inq_confirm {
    padding: .6rem 0 .4rem
  }
  .brand_body .inq_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_tbody, .brand_body .tel_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_tbody {
    padding-left: .4rem;
    padding-right: .4rem
  }
  .brand_body .inq_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_tbody::-webkit-scrollbar, .brand_body .tel_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_tbody::-webkit-scrollbar {
    width: 2px
  }
  .brand_body .inq_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_tbody::-webkit-scrollbar-thumb, .brand_body .tel_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_tbody::-webkit-scrollbar-thumb {
    width: 2px
  }
  .brand_body .inq_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_th, .brand_body .tel_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_th {
    padding-left: .4rem;
    padding-right: .4rem
  }
  .brand_body .inq_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_th, .brand_body .inq_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_tr, .brand_body .tel_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_th, .brand_body .tel_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_tr {
    text-align: left;
    font-size: .28rem
  }
  .brand_body .inq_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_th span, .brand_body .inq_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_tr span, .brand_body .tel_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_th span, .brand_body .tel_sha .inq_sha_con .inq_j.inq_confirm .i_con_case .i_con_tr span {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .brand_body .inq_sha .inq_sha_con .inq_j.inq_deny i, .brand_body .tel_sha .inq_sha_con .inq_j.inq_deny i {
    font-size: 16px
  }
  .brand_body .inq_sha .inq_sha_con .btn_dot, .brand_body .tel_sha .inq_sha_con .btn_dot {
    width: .8rem;
    height: .8rem;
    margin-left: -.4rem;
    top: calc(100% + .4rem)
  }
  .brand_body .inq_sha .inq_sha_con .btn_dot span, .brand_body .tel_sha .inq_sha_con .btn_dot span {
    font-size: 14px
  }
  .brand_body .tel_sha .inq_sha_con {
    height: 4.2rem;
    padding-bottom: 0
  }
  .brand_body .tel_sha .from_box form .form_inp .inp_case input {
    height: .8rem
  }
  .brand_body .tel_sha .from_box form .btn_sty {
    height: .8rem;
    margin-top: .3rem
  }
  .brand_body .brand_row02 {
    padding-top: 1.5rem;
    padding-bottom: 1.2rem
  }
  .brand_body .brand_row02 .bg_img_case {
    padding-top: 0
  }
  .brand_body .brand_row02 .b_row02_top {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -ms-flexbox;
    display: flex
  }
  .brand_body .brand_row02 .b_row02_top .pub_title_en {
    margin-bottom: -.28rem
  }
  .brand_body .brand_row02 .b_row02_con {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .6rem
  }
  .brand_body .brand_row02 .b_row02_con .b_row02_block {
    width: 100%;
    min-height: 4.2rem;
    height: auto;
    margin-bottom: .4rem
  }
  .brand_body .brand_row02 .b_row02_con .b_row02_block .b_row02_n .b_row02_left > span {
    font-size: 15px
  }
  .brand_body .brand_row02 .b_row02_con .b_row02_block .pub_info, .brand_body .brand_row02 .b_row02_con .b_row02_block .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .brand_body .brand_row02 .b_row02_con .b_row02_block textarea, .brand_body .brand_row02 .b_row02_con .b_row02_block .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .brand_body .brand_row02 .b_row02_con .b_row02_block input {
    margin-top: .4rem
  }
  .brand_body .brand_row03 {
    padding-top: 1rem
  }
  .brand_body .brand_row03 + .brand_row04 {
    margin-top: -.5rem
  }
  .brand_body .brand_row03 .b_row03_top .pub_title_en {
    margin-bottom: -.28rem
  }
  .brand_body .brand_row04 {
    padding-top: 1.5rem;
    padding-bottom: 1.2rem
  }
  .brand_body .brand_row04 .bg_img_case {
    padding-top: 0
  }
  .brand_body .brand_row04 .b_row04_top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .brand_body .brand_row04 .b_row04_top .b_row04_right {
    width: 100%;
    margin-top: .6rem
  }
  .brand_body .brand_row04 .b_row04_top .b_row04_right .pub_info, .brand_body .brand_row04 .b_row04_top .b_row04_right .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .brand_body .brand_row04 .b_row04_top .b_row04_right textarea, .brand_body .brand_row04 .b_row04_top .b_row04_right .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .brand_body .brand_row04 .b_row04_top .b_row04_right input {
    text-align: justify
  }
  .brand_body .brand_row04 .b_row04_top .b_row04_left {
    width: 100%
  }
  .brand_body .brand_row04 .b_row04_top .b_row04_left .com_tab_box {
    -ms-flex-pack: center;
    justify-content: center
  }
  .brand_body .brand_row04 .b_row03_con {
    margin-top: .62rem
  }
  .mask_img .pub_img_box img {
    margin-top: -.6rem
  }
  .pub_info_en {
    font-size: 12px
  }
  .step_nav03 {
    margin-top: .7rem
  }
  .step_nav03.swiper {
    width: calc(100% + 1em);
    margin-left: -.5em;
    margin-right: -.5em;
    font-size: 16px
  }
  .step_nav03 .swiper-slide {
    padding: 0 .5em;
    font-size: 16px
  }
  .step_nav03 .swiper-slide:first-child {
    padding-left: .5em
  }
  .step_nav03 .swiper-slide:last-child {
    padding-right: .5em
  }
  .step_nav03 .swiper-slide:before, .step_nav03 .swiper-slide:after {
    width: 100%;
    background-size: .5em 1px;
    top: 2px
  }
  .step_nav03 .swiper-slide:after {
    display: none
  }
  .step_nav03 .swiper-slide:first-child:before {
    width: 50%;
    display: block;
    left: auto;
    right: 0
  }
  .step_nav03 .swiper-slide:last-child:before {
    width: 50%
  }
  .step_nav03 .swiper-slide > div .dot_sty {
    width: 2px;
    height: 5px;
    margin-left: -1px
  }
  .step_nav03 .swiper-slide > div h6 {
    font-size: 16px
  }
  .step_nav03 .swiper-slide > div .pub_info, .step_nav03 .swiper-slide > div .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .step_nav03 .swiper-slide > div textarea, .step_nav03 .swiper-slide > div .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .step_nav03 .swiper-slide > div input {
    font-size: 14px;
    display: none
  }
  .step_nav03 .swiper-wrapper:before {
    content: "";
    height: 1px;
    width: calc(100% - .4rem - 4em);
    background-image: linear-gradient(90deg, #4c5b41 0%, #4c5b41 20%, transparent 20%);
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 10px 1px;
    font-size: 16px;
    display: none;
    position: absolute;
    top: 2px;
    left: calc(.2rem + 2em)
  }
  .sha_btm_box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: .3rem
  }
  .sha_btm_box .btn_icon {
    width: 14.9vw;
    height: 14.9vw;
    margin-bottom: .2rem;
    margin-left: 2.2vw;
    margin-right: 2.2vw
  }
  .sha_btm_box .btn_icon:last-child {
    margin-right: .18rem
  }
  .sha_btm_box .btn_icon i {
    font-size: 22px
  }
  .step_02_case {
    margin-top: .6rem
  }
  .step_02_case .step_02 {
    width: 60vw;
    height: 60vw
  }
  .step_02_case .step_02 .step_02_con {
    border-width: 2px;
    padding-bottom: .2rem
  }
  .step_02_case .step_02 .step_02_con i {
    font-size: .8rem
  }
  .step_02_case .step_02 .step_02_con .pub_title_en {
    margin-top: 0
  }
  .step_02_case .step_02 .dot_quan {
    border-width: 2px
  }
  .step_02_case .step_02 .step_con_case .step_block .icon_con .icon_txt {
    font-size: 14px
  }
  .step_02_case .step_02 .step_con_case .step_block.tex_right .icon_con .icon_txt {
    transform-origin: calc(100% + .75rem);
    right: calc(100% + .13rem)
  }
  .step_02_case .step_02 .step_con_case .step_block.txt_bottom .icon_con .icon_txt {
    transform-origin: 50% -.75rem;
    top: calc(100% + .13rem)
  }
  .step_02_case .step_02 .step_con_case .step_block.txt_top .icon_con .icon_txt {
    transform-origin: 50% calc(100% + .75rem);
    bottom: calc(100% + .13rem)
  }
  .join_body {
    font-size: 16px
  }
  .join_body .second_nav_case .pub_case {
    padding-left: .2rem;
    padding-right: .2rem
  }
  .join_body .join_row01 {
    padding-top: 1rem
  }
  .join_body .join_row01 + .join_row02 {
    margin-top: -.5rem
  }
  .join_body .join_row01 .pub_case {
    -ms-flex-flow: column-reverse wrap;
    flex-flow: column-reverse wrap
  }
  .join_body .join_row01 .pub_case .j_row01_left {
    width: 100%
  }
  .join_body .join_row01 .pub_case .j_row01_left .con_con {
    padding-top: 0
  }
  .join_body .join_row01 .pub_case .j_row01_left .con_con .con_block .pub_img_box {
    width: .6rem
  }
  .join_body .join_row01 .pub_case .j_row01_left .con_con .con_block .con_txt {
    width: calc(100% - .6rem);
    padding-left: .3rem
  }
  .join_body .join_row01 .pub_case .j_row01_left .con_con .con_block .con_txt h5 {
    font-size: 16px
  }
  .join_body .join_row01 .pub_case .j_row01_left .con_con .con_block .con_txt .pub_info, .join_body .join_row01 .pub_case .j_row01_left .con_con .con_block .con_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .join_body .join_row01 .pub_case .j_row01_left .con_con .con_block .con_txt textarea, .join_body .join_row01 .pub_case .j_row01_left .con_con .con_block .con_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .join_body .join_row01 .pub_case .j_row01_left .con_con .con_block .con_txt input {
    font-size: 18px
  }
  .join_body .join_row01 .pub_case .j_row01_right {
    width: 100%;
    margin-bottom: .45rem;
    margin-right: 0
  }
  .join_body .join_row02 {
    padding-top: 1.5rem;
    padding-bottom: .65rem
  }
  .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: .6rem;
    padding-bottom: .55rem
  }
  .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .btn_sty {
    width: 100%;
    height: .8rem;
    border-radius: .8rem;
    margin-top: .4rem
  }
  .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt {
    width: 100%
  }
  .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .pub_title_h4 {
    font-size: 18px
  }
  .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .pub_mis {
    font-size: 14px
  }
  .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .pub_info, .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt textarea, .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt input {
    margin-top: .4rem
  }
  .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .pub_info.n_all, .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .from_box form .form_inp .inp_case textarea.n_all, .from_box form .form_inp .inp_case .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt textarea.n_all, .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt .from_box form .form_inp .inp_case input.n_all, .from_box form .form_inp .inp_case .join_body .join_row02 .j_row02_case .j_row02_box .j_row02_block .j_row02_txt input.n_all {
    max-height: 12.4em
  }
  .join_body .join_row03 {
    padding-top: 1.5rem
  }
  .join_body .join_row03 + .join_row04 {
    z-index: 1;
    margin-top: -.5rem
  }
  .join_body .join_row03 .pub_case {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .join_body .join_row03 .pub_case .j_row03_left {
    width: 100%;
    padding-top: .25rem
  }
  .join_body .join_row03 .pub_case .j_row03_left .j_row03_img {
    width: 100%;
    margin-left: .2rem
  }
  .join_body .join_row03 .pub_case .j_row03_left .j_row03_img > img {
    margin-left: -.3rem
  }
  .join_body .join_row03 .pub_case .j_row03_right {
    width: 100%;
    margin-top: .6rem;
    margin-left: 0;
    margin-right: 0
  }
  .join_body .join_row03 .pub_case .j_row03_right .pub_title_h3 {
    font-size: .44rem
  }
  .join_body .join_row03 .pub_case .j_row03_right .pub_info, .join_body .join_row03 .pub_case .j_row03_right .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .join_body .join_row03 .pub_case .j_row03_right textarea, .join_body .join_row03 .pub_case .j_row03_right .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .join_body .join_row03 .pub_case .j_row03_right input {
    margin-top: .4rem
  }
  .join_body .join_row04 {
    padding-top: 1.5rem;
    padding-bottom: 1.2rem
  }
  .join_body .join_row04 .com_tab_box {
    width: 100%;
    margin-top: .6rem;
    margin-bottom: 0;
    margin-right: 0
  }
  .join_body .join_row04 .com_tab_box .swiper-slide {
    width: auto
  }
  .join_body .join_row04 .j_row04_top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .join_body .join_row04 .j_row04_con {
    margin-top: .7rem
  }
  .join_body .join_row04 .j_row04_con .j_row04_case .swiper {
    width: 100%
  }
  .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .pub_img_box {
    border-radius: .1rem
  }
  .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .j_row04_txt {
    padding: .5rem 0;
    position: relative
  }
  .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .j_row04_txt .pub_info, .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .j_row04_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .j_row04_txt textarea, .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .j_row04_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-slide .j_row04_txt input {
    font-size: 14px
  }
  .join_body .join_row04 .j_row04_con .j_row04_case .swiper .page_btn {
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .8rem;
    position: relative;
    top: 0;
    left: 0;
    transform: none
  }
  .join_body .join_row04 .j_row04_con .j_row04_case .swiper .page_btn > div {
    margin: 0 .2rem
  }
  .join_body .join_row04 .j_row04_con .j_row04_case .swiper .swiper-pagination {
    font-size: 16px;
    top: calc(100% - 1.5rem)
  }
  .join_body .join_row05 {
    padding-top: 1rem;
    padding-bottom: 1.2rem
  }
  .join_body .join_row05 .j_row05_case {
    margin-top: .8rem
  }
  .join_body .join_row05 .j_row05_case .pub_img_box {
    width: 45.5%;
    margin-bottom: .3rem;
    margin-right: 9%
  }
  .join_body .join_row05 .j_row05_case .pub_img_box:nth-child(2n) {
    margin-right: 0
  }
  .join_body .b_row03_con form .form_inp {
    width: 100%;
    margin-bottom: .3rem;
    padding: .33rem 0 0
  }
  .join_body .b_row03_con form .form_inp:first-child {
    width: 100%
  }
  .join_body .b_row03_con form .form_inp.yzm_code {
    width: 100% !important
  }
  .join_body .b_row03_con form .form_inp label {
    line-height: 1;
    top: -.33rem;
    left: 0
  }
  .join_body .b_row03_con form .form_inp .roa_boxs .roa_block {
    width: calc(50% - .07rem)
  }
  .join_body .b_row03_con form .form_inp .roa_boxs .roa_block:nth-child(2n) {
    margin-right: 0
  }
  .join_body .join_row06 {
    padding-top: 1rem;
    padding-bottom: 1.5rem
  }
  .join_body .join_row07 {
    padding-top: 1rem;
    padding-bottom: 1.2rem
  }
  .join_body .join_row07 .j_row07_top .pub_title_h3 {
    margin-bottom: .14rem
  }
  .join_body .step_02_case {
    margin-top: 0
  }
  .join_body .step_02_case .step_02 {
    width: 100%;
    height: auto
  }
  .join_body .step_02_case .step_02 > img {
    display: none
  }
  .join_body .step_02_case .step_02 .step_02_con {
    border-width: 0;
    padding-bottom: .2rem
  }
  .join_body .step_02_case .step_02 .dot_quan {
    width: 2px;
    height: calc(100% - 2rem);
    border-width: 0;
    display: none
  }
  .join_body .step_02_case .step_02 .dot_quan.on {
    animation: none
  }
  @keyframes clipP2 {
    0% {
      -webkit-clip-path: polygon(0 0, 0 100%, 0 100%, 0 0);
      clip-path: polygon(0 0, 0 100%, 0 100%, 0 0)
    }
    to {
      -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 0 100%);
      clip-path: polygon(0 0, 0 100%, 100% 100%, 0 100%)
    }
  }
  .join_body .step_02_case .step_02 .step_con_case {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: .4rem;
    display: -ms-flexbox;
    display: flex;
    position: relative
  }
  .join_body .step_02_case .step_02 .step_con_case .step_block {
    width: 49%;
    height: auto;
    margin-bottom: .4rem;
    position: relative;
    top: 0;
    left: 0;
    transform: none
  }
  .join_body .step_02_case .step_02 .step_con_case .step_block .icon_con {
    width: 100%;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
    margin-left: 0;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: 0;
    left: 0;
    transform: none
  }
  .join_body .step_02_case .step_02 .step_con_case .step_block .icon_con .icon_det {
    width: 1rem
  }
  .join_body .step_02_case .step_02 .step_con_case .step_block .icon_con .icon_det i:nth-child(1) {
    transform: rotate(-90deg)scale(.6)
  }
  .join_body .step_02_case .step_02 .step_con_case .step_block .icon_con .icon_txt {
    width: calc(100% - 1rem);
    padding-left: .18rem;
    position: relative;
    top: 0;
    left: 0;
    transform: none
  }
  .join_body .step_02_case .step_02 .step_con_case .step_block .icon_con .icon_txt h6 {
    width: 100%;
    font-size: 13px;
    line-height: 1.25
  }
  .join_body .j_mar_case, .join_body .q_mar_case {
    width: 100%
  }
  .join_body .j_mar_case span, .join_body .q_mar_case span {
    width: 33.333%;
    text-align: center;
    padding: 0
  }
  .join_body .step_01_con {
    -ms-flex-flow: column-reverse wrap;
    flex-flow: column-reverse wrap
  }
  .join_body .step_01_con .j_row08_left {
    width: 100%;
    border-radius: 0 0 .2rem .2rem;
    margin-top: 0;
    padding-left: .4rem;
    padding-right: .4rem
  }
  .join_body .step_01_con .j_row08_right {
    width: 100%;
    border-radius: .2rem .2rem 0 0
  }
  .join_body .step_01_con .j_row08_right .pub_img_box img {
    height: 100%;
    margin-top: 0;
    transform: none !important
  }
  .join_body .step_01_con02 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .join_body .step_01_con02 .j_row08_right {
    width: 100%;
    border-radius: 0 0 .2rem .2rem;
    margin-top: 0;
    padding-top: .5rem;
    padding-left: .4rem;
    padding-right: .4rem
  }
  .join_body .step_01_con02 .j_row08_right .j_row08_tab {
    text-align: center;
    padding-bottom: .2rem;
    font-size: 16px
  }
  .join_body .step_01_con02 .j_row08_right .j_row08_tab div {
    line-height: 1.2
  }
  .join_body .step_01_con02 .j_row08_left {
    width: 100%;
    border-radius: .2rem .2rem 0 0
  }
  .join_body .step_01_con02 .j_row08_left .pub_img_box img {
    height: 100%;
    margin-top: 0;
    transform: none !important
  }
  .join_body .step_03_case .step_con03 .pub_info, .join_body .step_03_case .step_con03 .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .join_body .step_03_case .step_con03 textarea, .join_body .step_03_case .step_con03 .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .join_body .step_03_case .step_con03 input {
    text-align: left;
    opacity: 0;
    margin-top: .4rem;
    transition: opacity .7s cubic-bezier(.435, .25, .15, .965), transform .7s cubic-bezier(.435, .25, .15, .965);
    display: block
  }
  .join_body .step_03_case .step_con03 .swiper-slide.active .pub_info, .join_body .step_03_case .step_con03 .swiper-slide.active .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .join_body .step_03_case .step_con03 .swiper-slide.active textarea, .join_body .step_03_case .step_con03 .swiper-slide.active .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .join_body .step_03_case .step_con03 .swiper-slide.active input {
    opacity: 1
  }
  .join_body .step_03_case02 .parameter_case {
    overscroll-behavior: initial;
    overflow-x: auto
  }
  .join_body .step_03_case02 .parameter_case table {
    width: 9rem
  }
  .join_body .step_03_case02 .parameter_case th {
    font-size: 16px
  }
  .join_body .step_03_case02 .parameter_case th, .join_body .step_03_case02 .parameter_case td {
    height: .7rem;
    width: 25%
  }
  .join_body .step_03_case02 .parameter_case th:nth-child(1), .join_body .step_03_case02 .parameter_case td:nth-child(1) {
    padding-left: .5rem
  }
  .join_body .step_03_case02 .parameter_case td:nth-child(2), .join_body .step_03_case02 .parameter_case td:nth-child(3), .join_body .step_03_case02 .parameter_case td:nth-child(4) {
    padding-left: .4rem
  }
  .join_body .step_03_case02 .step03_info {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .9rem
  }
  .join_body .step_03_case02 .step03_info .step03_block {
    width: 100%;
    margin-bottom: .27rem;
    margin-right: 0;
    padding-left: .88rem;
    position: relative
  }
  .join_body .step_03_case02 .step03_info .step03_block .step03_t {
    width: .6rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
  }
  .join_body .step_03_case02 .step03_info .step03_block .step03_t:before {
    height: calc(100% - .87rem);
    width: 1px;
    background-image: linear-gradient(#4c5b41 0%, #4c5b41 20%, transparent 20%);
    background-position: 0 100%;
    background-repeat: repeat-y;
    background-size: 1px 10px;
    top: auto;
    bottom: 0;
    left: .3rem
  }
  .join_body .step_03_case02 .step03_info .step03_block .pub_title_h4 {
    width: 100%;
    margin-top: 0
  }
  .join_body .step_03_case02 .step03_info .step03_block .pub_info, .join_body .step_03_case02 .step03_info .step03_block .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .join_body .step_03_case02 .step03_info .step03_block textarea, .join_body .step_03_case02 .step03_info .step03_block .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .join_body .step_03_case02 .step03_info .step03_block input {
    width: 100%;
    opacity: 1;
    margin-top: .4rem;
    margin-left: 0;
    padding-bottom: .2rem
  }
  .join_body .step_03_case02.col_w .step03_info .step03_block .step03_t:before {
    background-image: linear-gradient(#fff 0%, #fff 20%, transparent 20%)
  }
  .join_body .j_con_case {
    margin-top: .7rem
  }
  .join_body .join_row08 + .join_row09 {
    margin-top: -.5rem
  }
  .join_body .join_row08 .j_row08_top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .join_body .join_row08 .j_row08_top .pub_title_en {
    display: none
  }
  .join_body .join_row08 .j_row08_top .j_row08_t {
    margin-bottom: .7rem
  }
  .join_body .join_row08 .step_03_case {
    margin-top: 0
  }
  .join_body .j_row09_top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .join_body .join_row09 {
    padding-top: 2.2rem;
    padding-bottom: 1.2rem
  }
  .join_body .join_row09 .step_02_case {
    margin-top: .4rem
  }
  .join_body .join_row09 .j_mar_case {
    margin-top: .7rem
  }
  .join_body .join_row10 {
    padding-top: 1rem;
    padding-bottom: 1.2rem
  }
  .join_body .join_row10 .j_mar_case {
    margin-top: .7rem
  }
  .join_body .join_row10 .step_03_case {
    margin-top: .1rem
  }
  .join_body .join_row11 {
    padding-top: 1rem
  }
  .join_body .join_row11 .j_mar_case {
    margin-top: .7rem
  }
  .join_body .join_row11 .step_01_con02 {
    margin-top: 0
  }
  .join_body .join_row12 .j_mar_case {
    margin-top: .7rem
  }
  .join_body .join_row12 + .join_row13 {
    margin-top: -1rem
  }
  .join_body .join_row13 {
    padding-top: 2.2rem;
    padding-bottom: 1.2rem
  }
  .join_body .join_row13 .q_mar_case span {
    font-size: 18px
  }
  .join_body .join_row13 .j_row13_case {
    margin-top: .7rem
  }
  .join_body .join_row13 .j_row13_case .j_row13 .j_row13_c h6 {
    font-size: 16px
  }
  .join_body .join_row13 .j_row13_case .j_row13 .swiper {
    width: 100%
  }
  .join_body .right_det_nav {
    z-index: 9;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s cubic-bezier(.435, .25, .15, .965);
    display: none;
    position: fixed;
    top: 50%;
    right: .56rem;
    transform: translateY(-50%)
  }
  .join_body .right_det_nav.on {
    opacity: 1;
    pointer-events: all
  }
  .join_body .right_det_nav .r_n {
    cursor: pointer;
    width: .31rem;
    height: .31rem;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .14rem 0;
    display: -ms-flexbox;
    display: flex;
    position: relative
  }
  .join_body .right_det_nav .r_n:before {
    content: "";
    width: 100%;
    height: 100%;
    border: .02rem solid #9cd325;
    border-radius: 50%;
    transition: transform .3s cubic-bezier(.435, .25, .15, .965);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0)
  }
  .join_body .right_det_nav .r_n span {
    width: .05rem;
    height: .05rem;
    background-color: rgba(0, 73, 45, .3);
    border-radius: 50%;
    transition: background-color .3s cubic-bezier(.435, .25, .15, .965);
    display: block;
    position: relative
  }
  .join_body .right_det_nav .r_n > div {
    color: rgba(0, 73, 45, .3);
    text-align: right;
    white-space: nowrap;
    padding-right: .14rem;
    font-size: .12rem;
    font-weight: 700;
    line-height: 1.5;
    transition: color .3s cubic-bezier(.435, .25, .15, .965);
    position: absolute;
    right: 100%
  }
}
@media screen and (orientation:portrait) and (orientation:landscape) {
  .join_body .right_det_nav .r_n:hover span {
    background-color: #9cd325 !important
  }
  .join_body .right_det_nav .r_n:hover > div {
    color: #4c5b41
  }
}
@media screen and (orientation:portrait) {
  .join_body .right_det_nav .r_n.on:before {
    transform: none
  }
  .join_body .right_det_nav .r_n.on span {
    background-color: #9cd325 !important
  }
  .join_body .right_det_nav .r_n.on > div {
    color: #4c5b41
  }
  .join_body .right_det_nav.col_w .r_n span {
    background-color: rgba(255, 255, 255, .3)
  }
  .join_body .right_det_nav.col_w .r_n > div {
    color: rgba(255, 255, 255, .3)
  }
}
@media screen and (orientation:portrait) and (orientation:landscape) {
  .join_body .right_det_nav.col_w .r_n:hover > div {
    color: #fff
  }
}
@media screen and (orientation:portrait) {
  .join_body .right_det_nav.col_w .r_n.on > div {
    color: #fff
  }
  .join_con {
    overflow: hidden
  }
  .ain_msk_img {
    width: 8.98rem;
    position: relative
  }
  .ain_msk_img > img {
    opacity: 0;
    transform-origin: 0 100%;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(.8)rotate(5deg)
  }
  .ain_msk_img .pub_img_box {
    z-index: 2;
    background-color: #4c5b41;
    position: relative;
    -webkit-mask-image: url(../images/a002_0.cf2505da.png);
    mask-image: url(a002_0.cf2505da.png);
    -webkit-mask-position: 0 100%;
    mask-position: 0 100%;
    -webkit-mask-size: 0 0;
    mask-size: 0 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
  }
  .ain_msk_img .pub_img_box:before {
    margin-top: 68.931%
  }
  .ain_msk_img .pub_img_box img {
    height: calc(100% + .6rem);
    margin-top: -.3rem
  }
  .ain_msk_img.mask_img_b > img {
    margin-top: .63rem;
    margin-left: .41rem;
    transform: scale(.8)rotate(-5deg)
  }
  .ain_msk_img.mask_img_t {
    margin-left: .47rem
  }
  .ain_msk_img.mask_img_t > img {
    margin-top: 0;
    margin-left: -.47rem;
    top: -.05rem;
    transform: translate(.6rem)scale(.8)rotate(5deg)
  }
  .ain_msk_img.go > img {
    opacity: 1;
    transition: opacity .5s cubic-bezier(.435, .25, .15, .965) .7s, transform .5s cubic-bezier(.435, .25, .15, .965) .7s;
    transform: none !important
  }
  .tab_sty_case {
    font-size: 14px;
        text-align: center;
  }
  .tab_sty_case > span {
    height: .8rem;
    min-width: 1.6rem;
    border-width: 2px;
    padding-left: .2rem;
    padding-right: .2rem
  }
  .business_body {
    font-size: 16px;
    overflow: hidden
  }
  .business_body .bus_row01 {
    padding-top: 0
  }
  .business_body .bus_row01 .bus_row01_ani {
    height: auto;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    display: -ms-flexbox;
    display: flex
  }
  .business_body .bus_row01 .bus_row01_left {
    height: auto;
    width: 100%;
    position: relative
  }
  .business_body .bus_row01 .bus_row01_left .j_row03_img {
    height: auto
  }
  .business_body .bus_row01 .bus_row01_left .j_row03_img > img {
    display: none
  }
  .business_body .bus_row01 .bus_row01_left .j_row03_img .pub_img_box {
    height: auto;
    -webkit-mask: none;
    mask: none
  }
  .business_body .bus_row01 .bus_row01_left .j_row03_img .pub_img_box:before {
    margin-top: 56.25%;
    display: block
  }
  .business_body .bus_row01 .bus_row01_left .j_row03_img .pub_img_box .iconfont {
    width: 1rem;
    height: 1rem;
    margin-top: -.5rem;
    margin-left: -.5rem;
    font-size: 1rem
  }
  .business_body .bus_row01 .pub_case {
    width: 100%;
    margin-top: 0;
    padding-top: .7rem;
    padding-bottom: 1.2rem
  }
  .business_body .bus_row01 .pub_case .bus_row01_right {
    width: 100%;
    margin-right: 0
  }
  .business_body .bus_row02 {
    padding-top: 1rem;
    padding-bottom: 1.2rem
  }
  .business_body .bus_row02 .bus_r_nav span {
    width: 25%;
    min-width: auto;
    padding-left: .1rem;
    padding-right: .1rem
  }
  .business_body .bus_row02 .bus_r_con {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .business_body .bus_row02 .bus_r_con .b_row01_img {
    width: 100%;
    margin-left: 0
  }
  .business_body .bus_row02 .bus_r_con .bus_row02_con {
    width: 100%;
    padding-top: .5rem
  }
  .business_body .bus_row02 .bus_r_con .bus_row02_con .bus_row02_txt .pub_title_h4 {
    font-size: 18px
  }
  .business_body .bus_row02 .bus_r_con .bus_row02_con .bus_row02_txt .pub_title_h2 {
    margin-top: .6rem;
    font-size: .44rem
  }
  .business_body .bus_row02 .bus_r_con .bus_row02_con .bus_row02_txt .pub_info_en {
    font-size: 16px
  }
  .business_body .bus_row03 {
    padding-top: 1rem;
    padding-bottom: 1rem
  }
  .business_body .bus_row03 + .bus_row04 {
    margin-top: -.5rem
  }
  .business_body .bus_row03 .bus_row03_t {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .business_body .bus_row03 .tab_sty_case {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: .7rem
  }
  .business_body .bus_row03 .tab_sty_case > span {
    width: 47.5%;
    margin-bottom: 5%
  }
  .business_body .bus_row03 .tab_sty_case > span:nth-last-child(1), .business_body .bus_row03 .tab_sty_case > span:nth-last-child(2) {
    margin-bottom: 0
  }
  .business_body .bus_row03 .bus_row03_case {
    margin-top: .7rem
  }
  .business_body .bus_row03 .bus_row03_case .bus_row03_con .swiper .page_btn {
    width: calc(100% + 1rem)
  }
  .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con {
    width: 100%
  }
  .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .pub_img_box:before {
    margin-top: 56.7%
  }
  .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .pub_img_box .bus_txt_c {
    padding-bottom: .3rem
  }
  .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .pub_img_box .bus_txt_c .pub_title_h3 {
    font-size: 18px
  }
  .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .pub_img_box .bus_txt_c .pub_info, .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .pub_img_box .bus_txt_c .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .pub_img_box .bus_txt_c textarea, .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .pub_img_box .bus_txt_c .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .business_body .bus_row03 .bus_row03_case .bus_row03_con .row03_con .pub_img_box .bus_txt_c input {
    margin-top: .1rem;
    font-size: 12px
  }
  .business_body .bus_row03 .bus_row03_case .bus_row03_con .step_nav03 {
    margin-top: .7rem
  }
  .business_body .bus_row04 {
    padding-top: 1.5rem
  }
  .business_body .bus_row04 .row_case {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    display: -ms-flexbox;
    display: flex
  }
  .business_body .bus_row04 .row_case .pub_case {
    margin-top: .7rem;
    margin-bottom: 0
  }
  .business_body .bus_row04 .row_case .r_ye {
    margin-left: -.35rem
  }
  .business_body .bus_row05 .bus_row05_top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .business_body .bus_row05 .tab_sty_case {
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .7rem
  }
  .business_body .bus_row05 .bus_row05_case {
    margin-top: .58rem;
    position: relative
  }
  .business_body .bus_row06 {
    padding-top: .5rem
  }
  .business_body .bus_row06 .bus_row06_case .swiper-slide .pub_img_box {
    width: calc(50% - .2rem)
  }
  .business_body .bus_row06 .bus_row06_case .swiper-slide .pub_img_box:nth-child(2n) {
    margin-right: 0
  }
  .business_body .bus_row07 {
    padding-top: 2rem;
    padding-bottom: 1rem
  }
  .business_body .bus_row07 .row_case .bus_row07_con {
    margin-top: .5rem
  }
  .business_body .bus_row07 .row_case .bus_row07_con .swiper {
    width: 100%
  }
  .business_body .bus_row07 .row_case .bus_row07_con .swiper .pub_img_box:before {
    margin-top: 81%
  }
  .business_body .bus_row07 .row_case .bus_row07_con .swiper .pub_title_h5 {
    opacity: 0;
    transition: opacity .5s cubic-bezier(.435, .25, .15, .965)
  }
  .business_body .bus_row07 .row_case .bus_row07_con .swiper .swiper-slide.active .pub_title_h5 {
    opacity: 1
  }
  .business_body .bus_row07 .bg_ye {
    width: 233.677%;
    bottom: -7%;
    right: -60%
  }
  .business_body .bus_row07 .bg_ye .line_aim {
    width: 85%;
    left: 1.38rem
  }
  .about_body .abo_row01.go .cou_bg {
    top: auto;
    bottom: 0
  }
  .about_body .abo_row01.go .cou_bg img {
    height: 100%;
    min-width: auto;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%)
  }
  .about_body .abo_row01 .row_case {
    padding: 1.8rem .5rem 1.2rem;
    height: auto !important
  }
  .about_body .abo_row01 .row_case .cou_con {
    overflow: visible
  }
  .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide {
    transform-origin: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    transform: scale(.8)
  }
  .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .time_y {
    display: none
  }
  .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .his_img {
    width: 100%
  }
  .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right {
    width: 100%;
    opacity: 0;
    padding-top: .5rem;
    padding-bottom: 0;
    padding-left: 0;
    transition: opacity .5s cubic-bezier(.435, .25, .15, .965)
  }
  .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_time {
    font-size: 1rem
  }
  .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t {
    max-height: none;
    height: auto;
    padding-right: 0;
    overflow-y: visible
  }
  .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t .pub_info span:nth-child(1), .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t .from_box form .form_inp .inp_case textarea span:nth-child(1), .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t textarea span:nth-child(1), .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t .from_box form .form_inp .inp_case input span:nth-child(1), .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t input span:nth-child(1) {
    font-size: 16px
  }
  .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t.mor_sty .pub_info, .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t.mor_sty .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t.mor_sty textarea, .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t.mor_sty .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide .cou_right .cou_con_t.mor_sty input {
    margin-top: .23rem
  }
  .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide.swiper-slide-prev {
    transform-origin: 100%;
    transform: scale(.8)
  }
  .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide.active {
    transform-origin: 50%;
    transform: scale(1)
  }
  .about_body .abo_row01 .row_case .cou_con > .swiper-wrapper > .swiper-slide.active .cou_right {
    opacity: 1
  }
  .about_body .abo_row01 .row_case .cou_con .page_btn {
    display: none
  }
  .about_body .abo_row01 .row_case .cou_nav {
    width: 100%
  }
  .about_body .abo_row01 .row_case .cou_nav .swiper-slide {
    width: auto;
    padding-left: .2rem;
    padding-right: .2rem;
    font-size: 18px
  }
  .about_body .heng_hei {
    min-height: auto
  }
  .about_body .abo_row02 .ami_case {
    width: 100%;
    white-space: initial;
    background-size: cover;
    display: block
  }
  .about_body .abo_row02 .ami_case section {
    height: auto;
    padding-top: 1rem
  }
  .about_body .abo_row02 .ami_case .con_row01 {
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1.8rem;
    padding-left: .5rem;
    padding-right: .5rem;
    position: relative
  }
  .about_body .abo_row02 .ami_case .con_row01 .pub_img_box {
    width: 50%
  }
  .about_body .abo_row02 .ami_case .con_row01 .con_r1_txt {
    width: 50%;
    margin-left: 0;
    padding-top: .3rem;
    padding-left: .3rem
  }
  .about_body .abo_row02 .ami_case .con_row01 .con_r1_txt > .iconfont {
    transform-origin: 0 -50%;
    width: 1em;
    font-size: .3rem;
    position: absolute;
    bottom: 0;
    transform: translate(.5rem)rotate(90deg)
  }
  .about_body .abo_row02 .ami_case .con_row01 .con_r1_txt .pub_title_h2 {
    margin-top: 0
  }
  .about_body .abo_row02 .ami_case .con_row01 .con_r1_txt .pub_title_en {
    margin-top: .3rem
  }
  .about_body .abo_row02 .ami_case .con_row02 {
    padding-top: 0;
    padding-left: .5rem;
    padding-right: .5rem
  }
  .about_body .abo_row02 .ami_case .con_row02 .row_case {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block {
    min-width: auto;
    width: 100%;
    margin-top: .48em;
    padding-top: .8rem;
    padding-right: 0
  }
  .about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block:last-child {
    padding-right: 0
  }
  .about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block .con_u_con {
    margin-top: .5rem
  }
  .about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block .con_u_con .con_u_block {
    margin-bottom: .3rem;
    font-size: 16px
  }
  .about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block .con_u_con .sha_btm_box .btn_icon {
    width: calc(20vw - .36rem);
    height: calc(20vw - .36rem);
    margin-right: .2rem
  }
  .about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block .con_u_con .sha_btm_box .btn_icon:nth-child(5n) {
    margin-right: 0
  }
  .about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block:first-child {
    margin-top: 0
  }
  .about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block:first-child .con_u_con {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex
  }
  .about_body .abo_row02 .ami_case .con_row02 .row_case .con_r2_block:first-child .con_u_con .con_u_block {
    width: 50%
  }
  .about_body .abo_row02 .ami_case .con_row02 .sha_btm_box {
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .about_body .abo_row02 .ami_case .con_row02 .sha_btm_box .btn_icon {
    margin-bottom: .7rem;
    margin-left: 0;
    margin-right: 2.2vw
  }
  .about_body .abo_row02 .ami_case .con_row02 .sha_btm_box .btn_icon:last-child {
    margin-right: 2.2vw
  }
  .about_body .abo_row02 .ami_case .con_row02 .sha_btm_box .btn_icon:nth-child(5n) {
    margin-right: 0
  }
  .about_body .abo_row02 .ami_case .con_row02 .sha_btm_box .btn_icon h6 {
    opacity: 1;
    font-size: 14px
  }
  .about_body .abo_row02 .ami_case .con_row02 .code_boxs {
    margin-top: .4rem
  }
  .about_body .abo_row02 .ami_case .con_row02 .code_boxs .code_n {
    width: 1.5rem;
    margin-right: .4rem
  }
  .about_body .abo_row02 .ami_case .con_row02 .code_boxs .code_n h5 {
    font-size: 14px
  }
  .about_body .abo_row02 .ami_case .con_row02 .code_boxs .pub_img_box:last-child {
    margin-right: 0
  }
  .about_body .abo_row02 .ami_case .con_row03 {
    padding-bottom: 1px;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden
  }
  .about_body .abo_row02 .ami_case .con_row03 .row_case {
    margin-bottom: -10%
  }
  .about_body .abo_row02 .ami_case .con_row03 .con_r3 {
    width: 100%
  }
  .about_body .abo_row02 .ami_case .con_row03 .con_r3 > img {
    transform: rotate(30deg)
  }
  .about_body .abo_row03 {
    padding-top: 1.5rem
  }
  .about_body .abo_row03 .pub_case {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .about_body .abo_row03 .pub_case .j_row03_left {
    width: 100%;
    padding-top: .6rem
  }
  .about_body .abo_row03 .pub_case .j_row03_left .j_row03_img {
    width: 100%;
    margin-left: .2rem
  }
  .about_body .abo_row03 .pub_case .j_row03_left .j_row03_img > img {
    margin-left: -.3rem
  }
  .about_body .abo_row03 .pub_case .j_row03_right {
    width: 100%;
    margin-top: .6rem;
    margin-left: 0;
    margin-right: 0
  }
  .about_body .abo_row03 .pub_case .j_row03_right .pub_title_h3 {
    font-size: .44rem
  }
  .about_body .abo_row03 .pub_case .j_row03_right .pub_info, .about_body .abo_row03 .pub_case .j_row03_right .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row03 .pub_case .j_row03_right textarea, .about_body .abo_row03 .pub_case .j_row03_right .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row03 .pub_case .j_row03_right input {
    margin-top: .4rem
  }
  .about_body .abo_row04 {
    padding-top: .5rem
  }
  .about_body .abo_row04 .abo_r4_t {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .about_body .abo_row04 .abo_r4_t .pub_title_h2 {
    margin-top: .58rem;
    line-height: 1.2
  }
  .about_body .abo_row04 .abo_r4_t .abo_r4_t_r {
    text-align: left;
    width: 100%;
    margin-top: .4rem;
    margin-bottom: 0
  }
  .about_body .abo_row04 .abo_r4_t .abo_r4_t_r .pub_info, .about_body .abo_row04 .abo_r4_t .abo_r4_t_r .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row04 .abo_r4_t .abo_r4_t_r textarea, .about_body .abo_row04 .abo_r4_t .abo_r4_t_r .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row04 .abo_r4_t .abo_r4_t_r input {
    width: 101%
  }
  .about_body .abo_row04 .abo_r4_con {
    margin-top: .6rem
  }
  .about_body .abo_row04 .abo_r4_con .swiper {
    width: 100%
  }
  .about_body .abo_row04 .abo_r4_con .swiper .num_y {
    font-size: 1.5rem
  }
  .about_body .abo_row04 .abo_r4_con .swiper .pub_info br, .about_body .abo_row04 .abo_r4_con .swiper .from_box form .form_inp .inp_case textarea br, .from_box form .form_inp .inp_case .about_body .abo_row04 .abo_r4_con .swiper textarea br, .about_body .abo_row04 .abo_r4_con .swiper .from_box form .form_inp .inp_case input br, .from_box form .form_inp .inp_case .about_body .abo_row04 .abo_r4_con .swiper input br {
    display: none
  }
  .about_body .abo_row04 .abo_r4_con .swiper .swiper-slide {
    padding-bottom: 1.5rem
  }
  .about_body .abo_row04 .abo_r4_con .swiper .page_btn {
    width: calc(100% + 1rem);
    top: .8rem
  }
  .about_body .abo_row05 {
    overflow: hidden
  }
  .about_body .abo_row05 .row_case {
    padding-top: 1rem;
    padding-bottom: 0;
    position: relative
  }
  .about_body .abo_row05 .row_case .abo_r5_t {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .about_body .abo_row05 .row_case .abo_r5_t .abo_r5_right {
    width: 100%
  }
  .about_body .abo_row05 .row_case .abo_r5_con {
    margin-top: .7rem
  }
  .about_body .abo_row05 .row_case .abo_r5_nav > span {
    font-size: 18px
  }
  .about_body .abo_row05 .row_case .bus_row07_con .swiper {
    width: 100%
  }
  .about_body .abo_row05 .row_case .bus_row07_con .swiper .pub_img_box > img {
    object-fit: contain
  }
  .about_body .abo_row05 .row_case .bus_row07_con .swiper .page_btn {
    width: calc(100% + 1rem)
  }
  .about_body .abo_row05 .bg_ye {
    width: 190%;
    bottom: -10%;
    right: -50%
  }
  .about_body .abo_row05 .bg_ye > .pub_img_box {
    transform: rotate(-30deg)
  }
  .about_body .abo_row06 {
    padding-top: 1rem;
    padding-bottom: .6rem;
    overflow: hidden
  }
  .about_body .abo_row06 .b_row01_img {
    width: calc(100% + .5rem);
    margin-right: -1rem;
    position: absolute;
    top: 3.3rem;
    right: 0
  }
  .about_body .abo_row06 .pub_case {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
  }
  .about_body .abo_row06 .pub_case .abo_r6_left {
    width: 100%;
    padding-top: 0
  }
  .about_body .abo_row06 .pub_case .abo_r6_left .pub_info, .about_body .abo_row06 .pub_case .abo_r6_left .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row06 .pub_case .abo_r6_left textarea, .about_body .abo_row06 .pub_case .abo_r6_left .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row06 .pub_case .abo_r6_left input {
    margin-top: 88vw
  }
  .about_body .abo_row07 {
    padding-top: .5rem;
    padding-bottom: 1.2rem
  }
  .about_body .abo_row07 .pub_case {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .about_body .abo_row07 .abo_r7_left {
    width: 100%;
    margin-right: 0;
    padding-top: 0
  }
  .about_body .abo_row07 .abo_r7_left .title_box {
    margin-top: .58rem
  }
  .about_body .abo_row07 .abo_r7_left .pub_info, .about_body .abo_row07 .abo_r7_left .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row07 .abo_r7_left textarea, .about_body .abo_row07 .abo_r7_left .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row07 .abo_r7_left input {
    margin-top: .34rem
  }
  .about_body .abo_row07 .abo_r7_left .pub_info span, .about_body .abo_row07 .abo_r7_left .from_box form .form_inp .inp_case textarea span, .from_box form .form_inp .inp_case .about_body .abo_row07 .abo_r7_left textarea span, .about_body .abo_row07 .abo_r7_left .from_box form .form_inp .inp_case input span, .from_box form .form_inp .inp_case .about_body .abo_row07 .abo_r7_left input span {
    margin-top: -6px;
    font-size: 20px
  }
  .about_body .abo_row07 .abo_r7_right {
    width: 100%;
    margin-top: .6rem;
    margin-left: 0
  }
  .about_body .abo_row08 {
    padding-top: 0
  }
  .about_body .abo_row08 .r_ye {
    margin-bottom: 0
  }
  .about_body .abo_row08 .title_sty_case {
    z-index: 4;
    color: #fff;
    position: absolute;
    top: 35vw;
    left: .5rem
  }
  .about_body .abo_row08 .row_case {
    z-index: 3;
    background-color: #4c5b41;
    margin-top: -16vw;
    padding-top: .8rem;
    padding-bottom: .9rem;
    position: relative;
    bottom: 0
  }
  .about_body .abo_row08 .row_case .title_sty_case {
    margin-top: 0
  }
  .about_body .abo_row08 .row_case .pub_info, .about_body .abo_row08 .row_case .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .about_body .abo_row08 .row_case textarea, .about_body .abo_row08 .row_case .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .about_body .abo_row08 .row_case input {
    width: 100%;
    margin-top: .6rem
  }
  .about_body .abo_row08 .row_case .lc_box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
  }
  .about_body .abo_row08 .row_case .lc_box > div {
    width: auto;
    height: .8rem;
    width: 40%;
    border-radius: .8rem;
    margin-bottom: .3rem;
    padding: 0 .3rem;
    font-size: 14px
  }
  .about_body .abo_row08 .row_case .lc_box > span {
    width: .03rem;
    height: .06rem;
    margin: 0 .43rem;
    display: none
  }
  .about_body .abo_row08 .row_case .lc_box > span:before, .about_body .abo_row08 .row_case .lc_box > span:after {
    width: .02rem;
    height: .02rem;
    margin-top: -.01rem
  }
  .about_body .abo_row08 .row_case .lc_box > span:before {
    left: -.19rem
  }
  .about_body .abo_row08 .row_case .lc_box > span:after {
    right: -.19rem
  }
  .about_body .abo_row09 {
    padding-top: 1rem;
    padding-bottom: 1.2rem
  }
  .about_body .abo_row09 > img {
    top: -2%
  }
  .about_body .abo_row09 .row_case .pub_img_box {
    width: 68%
  }
  .about_body .abo_row10 {
    padding-top: .7rem;
    padding-bottom: 1.2rem
  }
  .about_body .abo_row10 .pub_case .j_row03_left {
    width: 100%;
    padding-top: 1.5rem
  }
  .about_body .abo_row10 .pub_case .j_row03_left .j_row03_img {
    width: 100%
  }
  .about_body .abo_row10 .pub_case .j_row03_right {
    width: 100%;
    margin-top: .5rem;
    margin-right: 0
  }
  .about_body .abo_row11 {
    margin-top: -1.8rem
  }
  .about_body .abo_row11 .abo_r11_bg .pub_img_box:before {
    margin-top: 160vw
  }
  .about_body .abo_row11 .row_case {
    padding-bottom: 1.8rem
  }
  .about_body .abo_row11 .row_case .pub_case {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .about_body .abo_row11 .row_case .pub_case .abo_r11_left {
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 0;
    display: -ms-flexbox;
    display: flex
  }
  .about_body .abo_row11 .row_case .pub_case .abo_r11_left .pub_title_en {
    margin-bottom: -.25em
  }
  .about_body .abo_row11 .row_case .pub_case .abo_r11_right {
    width: 100%;
    margin-top: .7rem;
    margin-right: 0
  }
  .about_body .abo_row12 {
    padding-top: 1rem;
    padding-bottom: 1rem
  }
  .about_body .abo_row12 .b_row01_img {
    width: 100%;
    margin-top: .6rem
  }
  .about_body .abo_row12 .b_row01_img > img {
    margin-left: .2rem
  }
  .about_body .abo_row12 .pub_case .abo_r12_t {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .about_body .abo_row12 .pub_case .abo_r6_left {
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 0;
    display: -ms-flexbox;
    display: flex
  }
  .about_body .abo_row12 .pub_case .abo_r6_left .pub_title_en {
    margin-bottom: -.28em
  }
  .about_body .abo_row12 .pub_case .abo_r12_btm {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -.3rem
  }
  .about_body .abo_row12 .pub_case .abo_r12_btm > div {
    width: 100%;
    margin-top: .5rem
  }
  .about_body .abo_row12 .pub_case .abo_r12_btm > div:nth-child(2) > div:first-child {
    margin-top: 0
  }
  .about_body .abo_row12 .pub_case .abo_r12_btm .pub_title_h5 {
    text-indent: -.4em
  }
  .about_body .abo_row12 .pub_case .abo_r12_btm .pub_title_h4 {
    margin-top: .2rem
  }
  .about_body .cor_btm > img {
    width: 100%;
    z-index: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }
  .about_body .cor_btm .line001 {
    z-index: 2;
    margin-top: -1.5rem
  }
  .about_body .cor_btm .line002 {
    margin-top: -2.84rem
  }
  .about_body .cor_btm .line003 {
    margin-top: -.95rem
  }
  .about_body .cor_btm .cor_f_casae footer {
    z-index: 4;
    position: relative;
    transform: translateZ(1px)
  }
  .about_body .cor_btm .abo_row13 .pub_img_box:before {
    margin-top: 150vw
  }
  .about_body .cor_btm .abo_r13_txt {
    height: 150vw;
    margin-top: -150vw
  }
  .about_body .cor_btm .abo_r13_txt .abo_r13 > img {
    width: 60%
  }
  .about_body .abo_row14 {
    padding-top: 1rem
  }
  .about_body .abo_row14 .bus_row01_ani {
    height: auto;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    display: -ms-flexbox;
    display: flex
  }
  .about_body .abo_row14 .bus_row01_left {
    height: auto;
    position: relative
  }
  .about_body .abo_row14 .bus_row01_left .j_row03_img .pub_img_box {
    height: auto;
    -webkit-mask: none;
    mask: none
  }
  .about_body .abo_row14 .bus_row01_left .j_row03_img .pub_img_box:before {
    margin-top: 56.25%;
    display: block
  }
  .about_body .abo_row14 .bus_row01_left .j_row03_img .pub_img_box .swiper {
    animation: none;
    transform: none
  }
  .about_body .abo_row14 .bus_row01_left .j_row03_img .pub_img_box .swiper .swiper-slide {
    padding-top: 0
  }
  .about_body .abo_row14 .bus_row01_left .j_row03_img .pub_img_box .swiper .swiper-slide .pub_img_box {
    height: 100%;
    margin-top: 0
  }
  .about_body .abo_row14 .bus_row01_left .j_row03_img .pub_img_box .swiper .swiper-slide .pub_img_box .iconfont {
    width: 1rem;
    height: 1rem;
    margin-top: -.5rem;
    margin-left: -.5rem;
    font-size: 1rem
  }
  .about_body .abo_row14 .bus_row01_left .left_txt_box {
    width: 100%;
    padding: .7rem .5rem 1.2rem;
    animation-name: none;
    position: relative;
    transform: none
  }
  .about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con .pub_info br, .about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con .from_box form .form_inp .inp_case textarea br, .from_box form .form_inp .inp_case .about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con textarea br, .about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con .from_box form .form_inp .inp_case input br, .from_box form .form_inp .inp_case .about_body .abo_row14 .bus_row01_left .left_txt_box .txt_con input br {
    display: none
  }
  .about_body .abo_row14 .bus_row01_left .left_txt_box .page_btn {
    margin-top: -.45rem;
    margin-right: 0;
    top: 0;
    bottom: auto;
    right: .5rem
  }
  .about_body .abo_row14 .bus_row01_left .left_txt_box .page_btn.only_s {
    display: none
  }
  .about_body .abo_row14 .pub_case {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 1.2rem
  }
  .about_body .abo_row14 .pub_case .bus_row01_right {
    width: 100%;
    margin-left: 0;
    padding-top: 0
  }
  .about_body .abo_row14 .pub_case .bus_row01_right .pub_info br, .about_body .abo_row14 .pub_case .bus_row01_right .from_box form .form_inp .inp_case textarea br, .from_box form .form_inp .inp_case .about_body .abo_row14 .pub_case .bus_row01_right textarea br, .about_body .abo_row14 .pub_case .bus_row01_right .from_box form .form_inp .inp_case input br, .from_box form .form_inp .inp_case .about_body .abo_row14 .pub_case .bus_row01_right input br {
    display: none
  }
  .about_body .abo_row14 .pub_case .cun_case {
    margin-top: .7rem;
    padding-bottom: 0
  }
  .about_body .abo_row14 .pub_case .cun_case .com_r1_block .num_box {
    font-size: 15px
  }
  .about_body .abo_row14 .pub_case .cun_case .com_r1_block .num_box span {
    font-size: .48rem
  }
  .about_body .abo_row14 .pub_case .cun_case .com_r1_block h5 {
    font-size: 16px
  }
  .about_body .abo_row15 {
    padding-top: 1.2rem;
    padding-bottom: 2.8rem;
    overflow: hidden
  }
  .about_body .abo_row15 .step_02_case .step_02 {
    width: 60vw;
    height: 60vw;
    margin-top: 4rem
  }
  .about_body .abo_row15 .step_02_case .step_02 .step_02_con {
    width: 100vw;
    border: none;
    border-radius: 0;
    padding-left: .5rem;
    padding-right: .5rem;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%)
  }
  .about_body .abo_row15 .step_02_case .step_02 .step_02_con .pub_info br, .about_body .abo_row15 .step_02_case .step_02 .step_02_con .from_box form .form_inp .inp_case textarea br, .from_box form .form_inp .inp_case .about_body .abo_row15 .step_02_case .step_02 .step_02_con textarea br, .about_body .abo_row15 .step_02_case .step_02 .step_02_con .from_box form .form_inp .inp_case input br, .from_box form .form_inp .inp_case .about_body .abo_row15 .step_02_case .step_02 .step_02_con input br {
    display: none
  }
  .about_body .abo_row15 .step_02_case .step_02:before {
    content: "";
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2;
    border: 2px solid #fff;
    border-radius: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }
  .about_body .abo_row15 .step_02_case .step_02 .step_con_case .step_block .icon_con .icon_det i {
    font-size: 12px
  }
  .about_body .abo_row15 .step_02_case .step_02 .rift_case {
    width: 60%;
    left: 20%
  }
  .about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:first-child .fir_sty {
    width: 1.7rem;
    height: .47rem;
    font-size: .16rem
  }
  .about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(2) {
    bottom: 34.44%;
    right: 149.222%
  }
  .about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(2) .fir_sty {
    width: 1.2rem;
    height: .4rem;
    font-size: .14rem
  }
  .about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(3) {
    top: 25%;
    right: 72%
  }
  .about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(3) .fir_sty {
    width: 1.5rem;
    height: .7rem;
    font-size: .24rem
  }
  .about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(4) {
    top: 40.22%;
    right: 102.44%
  }
  .about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(4) .fir_sty {
    width: 1.2rem;
    height: .4rem;
    font-size: .14rem
  }
  .about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(5) {
    top: 93.44%
  }
  .about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(5) .fir_sty {
    width: 1.6rem;
    height: .64rem;
    font-size: .24rem
  }
  .about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(6) {
    top: 111.22%
  }
  .about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(6) .fir_sty {
    width: 1.8rem;
    height: .4rem;
    font-size: .14rem
  }
  .about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(7) {
    bottom: 6.88%;
    left: 64.888%
  }
  .about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(7) .fir_sty {
    width: 1.5rem;
    height: .4rem;
    font-size: .14rem
  }
  .about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(8) {
    top: 21.22%;
    left: 93.11%
  }
  .about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(8) .fir_sty {
    width: 1.4rem;
    height: .4rem;
    font-size: .14rem
  }
  .about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(9) .fir_sty {
    width: 1.5rem;
    height: .7rem;
    font-size: .24rem
  }
  .about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(10) .fir_sty {
    width: 1.8rem;
    height: .47rem;
    font-size: .16rem
  }
  .about_body .abo_row15 .step_02_case .step_02 .rift_case .fir_cae:nth-child(11) .fir_sty {
    width: 1.6rem;
    height: .47rem;
    font-size: .16rem
  }
  .about_body .com_btm {
    overflow: hidden
  }
  .about_body .abo_row16 {
    padding-bottom: 1.2rem
  }
  .about_body .abo_row16 .abo_r16_t {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: .7rem
  }
  .about_body .abo_row16 .abo_r16_t .abo_r16_r {
    width: 100%;
    margin-bottom: 0;
    margin-right: 0
  }
  .about_body .abo_row16 .abo_r16_btm .y_sty01 {
    width: 34.95%;
    top: 42%;
    right: 65%
  }
  .about_body .abo_row16 .abo_r16_btm .y_sty02 {
    width: 39.375%;
    top: 44%;
    right: 62.86%
  }
  .about_body .abo_row16 .r_ye {
    width: 100%;
    margin-left: .5rem
  }
  .about_body .abo_row16 .r_ye .r_ye_con img:first-child {
    height: calc(100% + .6rem);
    margin-top: -.2rem
  }
  .about_body .abo_row17 {
    height: auto
  }
  .about_body .abo_row17 .com_r17 {
    position: relative
  }
  .about_body .abo_row17 .com_r17_con {
    height: auto !important
  }
  .about_body .abo_row17 .com_r17_con .com_r17_txt {
    padding-top: 1rem;
    padding-bottom: 1.2rem;
    position: relative
  }
  .about_body .abo_row17 .com_r17_con .com_r17_txt .pub_case .pub_title_h2 {
    line-height: 1.2
  }
  .about_body .abo_row17 .j_row03_img {
    width: 51.77%;
    height: auto;
    position: absolute;
    top: 0;
    right: .4rem
  }
  .about_body .abo_row17 .j_row03_img > img {
    width: 100%;
    left: 8%
  }
  .about_body .abo_row17 .j_row03_img .pub_img_box {
    animation-name: none;
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: 100%;
    mask-size: 100%
  }
  .about_body .abo_row17 .j_row03_img .pub_img_box:before {
    margin-top: 68.931%;
    display: block
  }
  .about_body .abo_row17 .j_row03_img .pub_img_box img {
    height: 100%;
    width: 125%;
    margin-top: 0;
    margin-left: -25%
  }
  .about_body .abo_row17 .j_row03_img .pub_img_box .com_r17_txt {
    display: none
  }
  .mark_nav_case {
    position: relative
  }
  .pub_txt_body {
    font-size: 16px
  }
  .pub_txt_body .banner_case {
    height: 1.1rem
  }
  .pub_txt_body .inv_row04 {
    padding-top: .7rem;
    padding-bottom: 1.2rem
  }
  .pub_txt_body .inv_row04 .i_row04 .pub_title_h5 {
    margin-top: 0
  }
  .pub_txt_body .inv_row04 .i_row04 .i_row04_con {
    margin-top: .7rem
  }
  .pub_txt_body .inv_row04 .i_row04 .i_row04_con h3 {
    font-size: 18px
  }
  .pub_txt_body .inv_row04 .i_row04 .i_row04_con strong {
    font-size: 16px
  }
  .marketing_body {
    font-size: 16px;
    overflow: hidden
  }
  .marketing_body .pro_det_row01 .banner_box .pub_img_box:before {
    margin-top: 158.981%
  }
  .marketing_body .market_con {
    margin-top: -10.666vw;
    padding-top: 24vw
  }
  .marketing_body .market_con .row_top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .marketing_body .market_con .row_top .pub_title_h3 {
    font-size: 3.889vw
  }
  .marketing_body .market_con .row_top .tow_t_r {
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10.133vw;
    font-size: 2.96266vw
  }
  .marketing_body .market_con .row_top .tow_t_r span {
    margin-left: .2rem;
    padding-left: .2rem
  }
  .marketing_body .market_con .row_top .tow_t_r span:before {
    width: 8px;
    height: 8px;
    top: 50%;
    transform: translateY(-50%)
  }
  .marketing_body .market_con .title_sty {
    height: 7.4vw;
    font-size: 14px
  }
  .marketing_body .market_con .mar_row01 {
    padding-top: 0
  }
  .marketing_body .market_con .mar_row01 .m_r1_con {
    width: calc(100% + .4rem);
    margin-top: .5rem;
    margin-left: -.2rem;
    margin-right: -.2rem
  }
  .marketing_body .market_con .mar_row01 .m_r1_con .pub_img_box:before {
    margin-top: 141.574%
  }
  .marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t {
    padding-top: 2.2%;
    padding-right: 0
  }
  .marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen {
    width: 75%;
    margin-top: 8%
  }
  .marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .from_box form .form_inp {
    width: 100%;
    padding-top: 11.5%
  }
  .marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .from_box form .form_inp > label {
    font-size: 3.6vw;
    top: 3.066vw
  }
  .marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .from_box form .form_inp > label em {
    font-size: 3.866vw
  }
  .marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .from_box form .form_inp .inp_case input {
    height: calc(11.538vw - .11538rem);
    padding-left: .2rem;
    padding-right: .2rem;
    font-size: 14px
  }
  .marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .from_box form .form_inp .sel_block {
    height: calc(11.538vw - .11538rem)
  }
  .marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .from_box form .form_inp .sel_block .sel_show span {
    padding-left: .2rem;
    font-size: 14px
  }
  .marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .from_box form .form_inp .sel_block .sel_show i {
    padding-right: .4rem
  }
  .marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .from_box form .form_inp .sel_block .sel_box ul li {
    font-size: 12px
  }
  .marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .from_box form .form_inp:nth-child(3), .marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .from_box form .form_inp:nth-child(4) {
    width: 48.5%
  }
  .marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .show_icon {
    margin-top: 10%;
    padding: 0
  }
  .marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .show_icon .pub_img_box {
    width: 24%
  }
  .marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .show_icon .pub_img_box:nth-child(2n) {
    margin-top: 9%
  }
  .marketing_body .market_con .mar_row01 .m_r1_con .m_r1_t .m_r1_cen .mark_btn {
    width: 49.9896vw;
    margin-top: 2%
  }
  .marketing_body .market_con .mar_row02 {
    padding-top: 1rem
  }
  .marketing_body .market_con .mar_row02 .title_sty {
    padding-top: 2.416vw
  }
  .marketing_body .market_con .mar_row02 .m_r1_con {
    margin-top: .5rem
  }
  .marketing_body .market_con .mar_row02 .m_r1_con .m_r1_t .m_r1_cen {
    width: 86%;
    padding-left: 3%;
    padding-right: 3%;
    overflow: hidden
  }
  .marketing_body .market_con .mar_row02 .m_r1_con .m_r1_t .m_r1_cen .show_icon .step_jd {
    top: 17%
  }
  .marketing_body .market_con .mar_row02 .m_r1_con .m_r1_t .m_r1_cen .swiper_n .swiper-slide > img {
    width: 127.2%
  }
  .marketing_body .market_con .mar_row02 .m_r1_con .m_r1_t .m_r1_cen .swiper_n .swiper-slide span {
    font-size: 3vw;
    transform: translateY(120%)
  }
  .marketing_body .market_con .mar_row02 .m_r1_con .m_r1_t .m_r1_cen .swiper_n .swiper-slide.on span {
    transform: translateY(70%)
  }
  .marketing_body .market_con .mar_row02 .m_r1_con .m_r1_t .m_r1_cen .swiper_c {
    margin-top: 6%
  }
  .marketing_body .market_con .mar_row03 {
    padding-top: 1rem
  }
  .marketing_body .market_con .mar_row03 .title_sty {
    padding-top: .7vw
  }
  .marketing_body .market_con .mar_row03 .m_r1_con {
    margin-top: .5rem
  }
  .marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen {
    width: 78%;
    margin-top: 11.8%
  }
  .marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen .m_r3_con a {
    margin-bottom: 3%;
    padding-bottom: 1.3%
  }
  .marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen .m_r3_con a .num_case {
    width: 25%;
    top: -6%
  }
  .marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen .m_r3_con a .num_case > div {
    height: 100%;
    width: 100%;
    font-size: 2.2vw
  }
  .marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen .m_r3_con a .num_case > div span {
    width: 25%;
    margin-top: .2em;
    font-size: 3vw
  }
  .marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen .m_r3_con a .m_r3_txt .pub_img_box {
    width: 44%;
    border-radius: 2.415vw 0 0 2.415vw
  }
  .marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen .m_r3_con a .m_r3_txt .mr3_t {
    width: 56%;
    padding-left: 6%;
    padding-right: 4%
  }
  .marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen .m_r3_con a .m_r3_txt .mr3_t .mar_h4 {
    font-size: 3.8vw
  }
  .marketing_body .market_con .mar_row03 .m_r1_con .m_r1_t .m_r1_cen .m_r3_con a .m_r3_txt .mr3_t .mar_info {
    font-size: 2.2vw;
    line-height: 1.3
  }
  .marketing_body .market_con .mar_row04 {
    padding-top: 1rem;
    padding-bottom: 1.5rem
  }
  .marketing_body .market_con .mar_row04 .title_sty .small_mr5 {
    font-size: 1.44vw
  }
  .marketing_body .market_con .mar_row04 .m_r1_con {
    margin-top: .5rem
  }
  .marketing_body .market_con .mar_row04 .m_r1_con .m_r1_t .m_r1_cen {
    width: 77%;
    margin-top: 13%
  }
  .hint_case {
    font-size: .24rem
  }
  .sea_hint, .add_hint {
    font-size: 14px
  }
  .amap-info-content {
    padding-top: 10px
  }
  .amap-info {
    width: 64.5333vw;
    font-size: 3.2vw;
    line-height: 1.4
  }
  p {
    line-height: 1.4
  }
  .n_color {
    height: 1px
  }
  .b_row03_con .from_box form .form_inp .sel_boxs {
    z-index: 2
  }
  .b_row03_con .from_box form .form_inp .sel_boxs + .inp_case {
    margin-top: .2rem !important
  }
  .pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_t_box {
    text-align: center
  }
  .pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box {
    -ms-flex-pack: center;
    justify-content: center
  }
  .pro_det_body .pro_det_row09 .banner_box .banner_txt_case {
    bottom: .8rem
  }
  .pro_det_body .pro_det_row09 .banner_box .banner_txt_case .banner_t_box {
    text-align: center
  }
  .pro_det_body .pro_det_row18 .banner_box .banner_txt_case .row18_logo {
    height: 1.06rem
  }
  .pro_det_body .pro_det_row01 .banner_box .pub_img_box:after {
    content: "";
    z-index: 3;
    width: 100%;
    height: 68%;
    background-image: url(../images/list_sha_b.ed955c39.png);
    background-repeat: repeat-x;
    background-size: auto 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0
  }
  .pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div {
    border-color: #fff
  }
  .pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div i, .pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div .pub_info, .pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div textarea, .pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body .pro_det_row01 .banner_box .banner_txt_case .banner_i_box > div input {
    color: #fff
  }
  .pro_det_body.proDetail94 .pro_det_row19 {
    margin-top: -.5rem;
    padding-top: 0
  }
  .pro_det_body.proDetail94 .pro_det_row19 .pub_case .row18_left {
    margin-top: -1.3rem
  }
  .pro_det_body.proDetail94 .pro_det_row06 {
    z-index: 3
  }
  .pro_det_body.proDetail50 .pro_det_row05 {
    padding-bottom: .6rem
  }
  .pro_det_body.proDetail50 .pro_det_row07 {
    padding-top: .5rem
  }
  .pro_det_body.proDetail95 .pro_det_row19 {
    padding-top: 0
  }
  .pro_det_body.proDetail95 .pro_det_row06 {
    z-index: 3
  }
  .pro_det_body.proDetail88 .pro_det_row23 .row_case {
    padding-bottom: .6rem
  }
  .pro_det_body.proDetail88 .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block {
    -ms-flex-align: center;
    align-items: center
  }
  .pro_det_body.proDetail88 .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .pub_info, .pro_det_body.proDetail88 .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .pro_det_body.proDetail88 .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block textarea, .pro_det_body.proDetail88 .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .pro_det_body.proDetail88 .pro_det_row23 .row_case .ain_A .row23 .row23_con .row23_block input {
    margin-top: 0;
    margin-left: .15em
  }
  .pro_det_body.proDetail87 .pro_det_row16 .row16_con .row16_block_swiper .sw_img_box {
    padding-top: 0
  }
  .pro_det_body.proDetail87 .pro_det_row23 {
    z-index: 3;
    margin-top: -.5rem
  }
  .parameter_table.n_all {
    max-height: 90vh
  }
  .research_body {
    font-size: 16px;
    overflow: hidden
  }
  .research_body .bus_row05 {
    padding-top: 1rem;
    padding-bottom: .7rem
  }
  .research_body .bus_row05 .bus_row05_top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .research_body .bus_row05 .tab_sty_case {
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .7rem
  }
  .research_body .bus_row05 .tab_sty_case > span {
    width: 50%
  }
  .research_body .bus_row05 .bus_row05_case {
    margin-top: .58rem;
    position: relative
  }
  .research_body .bus_row05 .bus_row05_case .bus_row05_con > .pub_info, .research_body .bus_row05 .bus_row05_case .from_box form .form_inp .inp_case .bus_row05_con > textarea, .from_box form .form_inp .inp_case .research_body .bus_row05 .bus_row05_case .bus_row05_con > textarea, .research_body .bus_row05 .bus_row05_case .from_box form .form_inp .inp_case .bus_row05_con > input, .from_box form .form_inp .inp_case .research_body .bus_row05 .bus_row05_case .bus_row05_con > input {
    text-align: justify;
    margin-bottom: .4rem
  }
  .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper {
    width: calc(100% + .5rem);
    margin-left: -.25rem;
    margin-right: -.25rem;
    overflow: hidden
  }
  .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .pub_img_box {
    width: 40%
  }
  .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .swiper-slide {
    padding-left: .25rem;
    padding-right: .25rem
  }
  .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .swiper-slide > div {
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: .4rem;
    display: -ms-flexbox;
    display: flex
  }
  .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .swiper-slide > div:nth-child(1) {
    margin-top: 0
  }
  .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .swiper-slide .res_r5_txt {
    width: 60%;
    min-height: calc(53.28vw - .5328rem);
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: .25rem;
    display: -ms-flexbox;
    display: flex
  }
  .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .swiper-slide .res_r5_txt h5, .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .swiper-slide .res_r5_txt .pub_info, .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .swiper-slide .res_r5_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .swiper-slide .res_r5_txt textarea, .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .swiper-slide .res_r5_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .swiper-slide .res_r5_txt input {
    width: 100%
  }
  .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .pub_info, .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper textarea, .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper input {
    letter-spacing: -.02em;
    font-size: 13px
  }
  .research_body .bus_row07 {
    padding-top: 2rem;
    padding-bottom: 1rem
  }
  .research_body .bus_row07 .row_case .bus_row07_con {
    margin-top: .5rem
  }
  .research_body .bus_row07 .row_case .bus_row07_con .swiper {
    width: 100%
  }
  .research_body .bus_row07 .row_case .bus_row07_con .swiper .pub_img_box:before {
    margin-top: 81%
  }
  .research_body .bus_row07 .row_case .bus_row07_con .swiper .pub_title_h5 {
    opacity: 0;
    transition: opacity .5s cubic-bezier(.435, .25, .15, .965)
  }
  .research_body .bus_row07 .row_case .bus_row07_con .swiper .swiper-slide.swiper-slide-prev, .research_body .bus_row07 .row_case .bus_row07_con .swiper .swiper-slide.swiper-slide-next {
    transform-origin: 50%
  }
  .research_body .bus_row07 .row_case .bus_row07_con .swiper .swiper-slide.active .pub_title_h5 {
    opacity: 1
  }
  .research_body .bus_row07 .row_case .bus_row07_con .swiper .page_btn {
    width: 100vw;
    top: calc(40.5vw - .405rem)
  }
  .research_body .bus_row07 .bg_ye {
    pointer-events: none;
    width: 242.677%;
    bottom: -6%;
    right: -76%
  }
  .research_body .bus_row07 .bg_ye .line_aim {
    width: 85%;
    left: 1.38rem
  }
  .research_body .res_tit_box .pub_title_en {
    display: none
  }
  .research_body .res_tit_box > .font_box {
    margin-top: 0
  }
  .research_body .res_row01 {
    padding-top: 1rem;
    padding-bottom: 1.2rem
  }
  .research_body .res_row01 .pub_case {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
  .research_body .res_row01 .pub_case .pub_img_box {
    width: 100%;
    margin-top: .6rem
  }
  .research_body .res_row01 .pub_case .pub_img_box > img {
    height: 100%;
    margin-top: 0;
    transform: none !important
  }
  .research_body .res_row01 .pub_case .res_r1_txt {
    width: 100%;
    padding-top: 0
  }
  .research_body .res_row01 .pub_case .res_r1_txt .pub_info, .research_body .res_row01 .pub_case .res_r1_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .research_body .res_row01 .pub_case .res_r1_txt textarea, .research_body .res_row01 .pub_case .res_r1_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .research_body .res_row01 .pub_case .res_r1_txt input {
    margin-top: .4rem
  }
  .research_body .ani_case {
    min-height: auto
  }
  .research_body .section03 {
    padding: 1rem .5rem 1.2rem;
    overflow: hidden
  }
  .research_body .section03 .pub_img_box {
    width: 200%;
    margin-top: 24%;
    top: 0;
    left: -13%
  }
  .research_body .section03 .pub_case_n {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .research_body .section03 .pub_case_n .r3_top_left {
    width: 100%
  }
  .research_body .section03 .pub_case_n .r3_top_right {
    width: 100%;
    height: auto;
    margin-top: 80%
  }
  .research_body .section03 .pub_case_n .r3_top_right .r3_con_block {
    height: auto;
    border-radius: .8rem 0;
    margin-bottom: .2rem;
    position: relative
  }
  .research_body .section03 .pub_case_n .r3_top_right .r3_con_block .r3_con_txt {
    height: auto;
    min-height: 3.4rem;
    padding: .4rem .3rem
  }
  .research_body .section03 .pub_case_n .r3_top_right .r3_con_block .r3_con_txt .num_box, .research_body .section03 .pub_case_n .r3_top_right .r3_con_block .r3_con_txt .pub_tit_l_n {
    font-size: .34rem
  }
  .research_body .section03 .pub_case_n .r3_top_right .r3_con_block .r3_con_txt .pub_info, .research_body .section03 .pub_case_n .r3_top_right .r3_con_block .r3_con_txt .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .research_body .section03 .pub_case_n .r3_top_right .r3_con_block .r3_con_txt textarea, .research_body .section03 .pub_case_n .r3_top_right .r3_con_block .r3_con_txt .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .research_body .section03 .pub_case_n .r3_top_right .r3_con_block .r3_con_txt input {
    margin-top: .5rem
  }
  .research_body .section03 .pub_case_n .r3_top_right .r3_con_block.on .r3_con_txt {
    padding-top: .3rem
  }
  .research_body .res_row03 {
    padding-top: .6rem;
    padding-bottom: 1.05rem;
    overflow: hidden
  }
  .research_body .res_row03 .pub_info, .research_body .res_row03 .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .research_body .res_row03 textarea, .research_body .res_row03 .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .research_body .res_row03 input {
    text-align: justify;
    margin-top: .4rem
  }
  .research_body .res_row03 .page_btn {
    display: none
  }
  .research_body .res_row03 .font_box .pub_title_h2 {
    text-align: left
  }
  .research_body .res_row03 .rew_r3_con {
    margin-top: .7rem
  }
  .research_body .res_row03 .rew_r3_con .swiper {
    width: calc(100% + .4rem);
    margin-left: -.2rem;
    margin-right: -.2rem;
    overflow: visible
  }
  .research_body .res_row03 .rew_r3_con .swiper-slide {
    width: 1.96rem
  }
  .research_body .res_row03 .rew_r3_con .pub_img_box {
    width: 80%;
    margin-left: auto;
    margin-right: auto
  }
  .research_body .res_row03 .rew_r3_con .pub_title_h5 {
    margin-top: .3rem;
    padding: 0 .2rem
  }
  .research_body .res_row04 {
    padding-bottom: .5rem;
    overflow: hidden
  }
  .research_body .res_row04 + .bus_row07 {
    margin-top: -1rem
  }
  .research_body .res_row04 .row_r4_case {
    margin-top: .6rem;
    position: relative
  }
  .research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper .swiper {
    width: 100%;
    overflow: visible
  }
  .research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper .swiper-slide {
    transform: scale(1)
  }
  .research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper .pub_img_box {
    width: 80%
  }
  .research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper h5 {
    font-size: 18px
  }
  .research_body .res_row04 .row_r4_case .row_r4_con .page_btn > div {
    margin: 0 .2rem
  }
  .research_body .res_row04 .row_r4_case .row_r4_con .parameter_case {
    overscroll-behavior: initial;
    margin-top: .4rem;
    overflow-x: auto
  }
  .research_body .res_row04 .row_r4_case .row_r4_con .parameter_case table {
    width: 15rem
  }
  .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(3) .parameter_case td:first-child, .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(3) .parameter_case th:first-child {
    padding-left: .3rem;
    padding-right: .3rem
  }
  .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(3) .parameter_case td:nth-child(2), .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(3) .parameter_case th:nth-child(2) {
    width: 25.3125%;
    padding-left: .3rem
  }
  .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(3) .parameter_case td:nth-child(3), .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(3) .parameter_case th:nth-child(3) {
    width: 11.5625%;
    padding-left: .15rem
  }
  .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(3) .parameter_case td:nth-child(4), .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(3) .parameter_case th:nth-child(4) {
    width: 21.25%;
    padding-left: .2rem
  }
  .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(2) .parameter_case td, .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(2) .parameter_case th, .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(4) .parameter_case td, .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(4) .parameter_case th {
    width: 17.5%
  }
  .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(2) .parameter_case td:first-child, .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(2) .parameter_case th:first-child, .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(4) .parameter_case td:first-child, .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(4) .parameter_case th:first-child {
    width: 47.5%
  }
  .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(2) .parameter_case td:nth-child(2), .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(2) .parameter_case th:nth-child(2), .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(4) .parameter_case td:nth-child(2), .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(4) .parameter_case th:nth-child(2), .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(2) .parameter_case td:nth-child(3), .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(2) .parameter_case td:nth-child(4), .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(2) .parameter_case th:nth-child(3), .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(2) .parameter_case th:nth-child(4), .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(4) .parameter_case td:nth-child(3), .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(4) .parameter_case td:nth-child(4), .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(4) .parameter_case th:nth-child(3), .research_body .res_row04 .row_r4_case .row_r4_con:nth-child(4) .parameter_case th:nth-child(4) {
    padding-left: .3rem
  }
  .research_body .res_row04 .row_r4_top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .research_body .res_row04 .row_r4_top .res_r4_tab {
    width: 100%;
    margin-top: .6rem
  }
  .research_body .res_row04 .row_r4_top .res_r4_tab .swiper {
    overflow: visible
  }
  .research_body .res_row04 .row_r4_top .res_r4_tab .swiper-slide {
    width: 25%;
    margin-left: 0
  }
  .research_body .res_row04 .row_r4_top .res_r4_tab .swiper-slide i {
    font-size: .56rem
  }
  .research_body .res_row04 .row_r4_top .res_r4_tab .swiper-slide h5 {
    margin-top: .3rem;
    font-size: 16px
  }
  .research_body .res_row04 .row_r4_case .row_r4_con.row_r4_swiper h5, .research_body .bus_row05 .bus_row05_case .bus_row05_con .swiper .pub_title_h5, .research_body .res_row03 .rew_r3_con .pub_title_h5 {
    font-size: 16px
  }
}
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal
}
:root {
  --swiper-theme-color: #007aff
}
.swiper {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  list-style: none;
  position: relative;
  overflow: hidden
}
.swiper-vertical > .swiper-wrapper {
  -ms-flex-direction: column;
  flex-direction: column
}
.swiper-wrapper {
  width: 100%;
  height: 100%;
  z-index: 1;
  box-sizing: content-box;
  transition-property: transform;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translate(0, 0)
}
.swiper-pointer-events {
  touch-action: pan-y
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x
}
.swiper-slide {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  transition-property: transform;
  position: relative
}
.swiper-slide-invisible-blank {
  visibility: hidden
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto
}
.swiper-autoheight .swiper-wrapper {
  -ms-flex-align: start;
  align-items: flex-start;
  transition-property: transform, height
}
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px
}
.swiper-3d .swiper-wrapper, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d
}
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom {
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, .15)
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(transparent, rgba(0, 0, 0, .5))
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(rgba(0, 0, 0, .5), transparent)
}
.swiper-css-mode > .swiper-wrapper {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: auto
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory
}
.swiper-centered > .swiper-wrapper:before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-order: 9999;
  order: 9999
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) {
  margin-left: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-top: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after)
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center
}
.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
  height: 1px;
  width: var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
  width: 1px;
  height: var(--swiper-virtual-size)
}
:root {
  --swiper-navigation-size: 44px
}
.swiper-button-prev, .swiper-button-next {
  width: calc(var(--swiper-navigation-size)/44*27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/2));
  z-index: 10;
  cursor: pointer;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}
.swiper-button-prev:after, .swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
  text-transform: none !important
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev"
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
  left: auto;
  right: 10px
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next"
}
.swiper-button-lock {
  display: none
}
.swiper-pagination {
  text-align: center;
  z-index: 10;
  transition: opacity .3s;
  position: absolute;
  transform: translate(0, 0)
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
  width: 100%;
  bottom: 10px;
  left: 0
}
.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33)
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
  border-radius: 50%;
  display: inline-block
}
button.swiper-pagination-bullet {
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  margin: 0;
  padding: 0
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}
.swiper-pagination-bullet:only-child {
  display: none !important
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets {
  top: 50%;
  right: 10px;
  transform: translateY(-50%)
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px)0;
  display: block
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  width: 8px;
  top: 50%;
  transform: translateY(-50%)
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, top .2s;
  display: inline-block
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  white-space: nowrap;
  left: 50%;
  transform: translate(-50%)
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, left .2s
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .25);
  position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  width: 100%;
  height: 100%;
  transform-origin: 0 0;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0)
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: 100% 0
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  top: 0;
  left: 0
}
.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  top: 0;
  left: 0
}
.swiper-pagination-lock {
  display: none
}
.swiper-scrollbar {
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1);
  border-radius: 10px;
  position: relative
}
.swiper-horizontal > .swiper-scrollbar {
  z-index: 50;
  height: 5px;
  width: 98%;
  position: absolute;
  bottom: 3px;
  left: 1%
}
.swiper-vertical > .swiper-scrollbar {
  z-index: 50;
  width: 5px;
  height: 98%;
  position: absolute;
  top: 1%;
  right: 3px
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  position: relative;
  top: 0;
  left: 0
}
.swiper-scrollbar-cursor-drag {
  cursor: move
}
.swiper-scrollbar-lock {
  display: none
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  text-align: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}
.swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain
}
.swiper-slide-zoomed {
  cursor: move
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-top-color: transparent;
  border-radius: 50%;
  margin-top: -21px;
  margin-left: -21px;
  animation: 1s linear infinite swiper-preloader-spin;
  position: absolute;
  top: 50%;
  left: 50%
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
  to {
    transform: rotate(360deg)
  }
}
.swiper .swiper-notification {
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
  position: absolute;
  top: 0;
  left: 0
}
.swiper-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out
}
.swiper-grid > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.swiper-grid-column > .swiper-wrapper {
  -ms-flex-flow: column wrap;
  flex-flow: column wrap
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-cube {
  overflow: visible
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev, .swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible
}
.swiper-cube .swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden
}
.swiper-cube .swiper-cube-shadow {
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 0;
  position: absolute;
  bottom: 0;
  left: 0
}
.swiper-cube .swiper-cube-shadow:before {
  content: "";
  filter: blur(50px);
  background: #000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}
.swiper-flip {
  overflow: visible
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-flip .swiper-slide-shadow-top, .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden
}
.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  transition-property: transform, opacity, height;
  overflow: hidden
}
.swiper-cards {
  overflow: visible
}
.swiper-cards .swiper-slide {
  transform-origin: bottom;
  backface-visibility: hidden;
  overflow: hidden
}