@import "css2.css";

body, body textarea, body input {
    font-family: PingFang SC, Noto Sans SC, Microsoft JhengHei, Source Han Sans CN, 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: #05492d
}

::-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: Gilroy-Bold;
    src: url(../font/Gilroy-Bold.094a114e.woff2) format("woff2"), url(../font/Gilroy-Bold.3a37fd86.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: Gilroy-Medium;
    src: url(../font/Gilroy-Medium.0f89d7d4.woff2) format("woff2"), url(../font/Gilroy-Medium.3021585f.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: Gilroy-UltraLight;
    src: url(../font/Gilroy-UltraLight.6a826378.woff2) format("woff2"), url(../font/Gilroy-UltraLight.a01c3c14.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: GoogleSansDisplay-Bold;
    src: url(../font/GoogleSansDisplay-Bold.3a074a48.woff2) format("woff2"), url(../font/GoogleSansDisplay-Bold.31f40fe1.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: GoogleSansDisplay-Medium;
    src: url(../font/GoogleSansDisplay-Medium.816e0fa8.woff2) format("woff2"), url(../font/GoogleSansDisplay-Medium.d43e0c5e.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: GoogleSansDisplay-Regular;
    src: url(../font/GoogleSansDisplay-Regular.a9645ce4.woff2) format("woff2"), url(../font/GoogleSansDisplay-Regular.6b3d8571.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: uunn-black;
    src: url(../font/Nexa-Black.6dabe43f.woff2) format("woff2"), url(../font/Nexa-Black.d6c0f207.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: uunn-bold;
    src: url(../font/Nexa-Bold.cf2239e3.woff2) format("woff2"), url(../font/Nexa-Bold.e9003f13.woff) format("woff");
    font-display: swap
}

.enb, .btn_more span {
    font-family: uunn-bold
}

.enk {
    font-family: uunn-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: Gilroy-UltraLight
}

.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: Gilroy-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: Gilroy-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
}

.bk {
    color: #000
}

.gc {
    color: #003923
}

.bc {
    color: #1a5993
}

.black {
    color: #002717
}

.logoText {
    font-size: .3rem;
    color: #fff;
    margin-left: 10px;
    display: flex;
    align-items: center
}

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: #fff
}

#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 {
    display: flex;
    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: #126e36;
    border: 2px solid #fff;
    border-radius: 1rem;
    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: #003923;
    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: #003923
}

.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: #002d1c;
    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: #002d1c;
    border-radius: 1rem;
    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: #f9ffee;
    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: #005233;
    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: #00442a;
    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: #00442a;
    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: #00442a;
    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;
    top: 0;
}

.home #fullpage {
    z-index: 21;
    pointer-events: none
}

.home #fullpage .row {
    width: 100%;
    height: 100vh;
    min-height: 100vh;
    background-color: #04723c;
    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: .3rem;
    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: 3px solid transparent;
    border-radius: 50%;
    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: 3px;
    height: 6px;
    background-color: #fff;
    border-radius: 0;
    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: 8px;
    height: 8px;
    background: #9cd325;
    border-radius: 50%
}

.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: #00492d;
    grid-template-rows:30% 20% 30% 20%;
    grid-auto-flow: column;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    padding: 1rem 0 .1rem;
    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 {
    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 {
    margin-left: 25px;
}

.home #fullpage .r1-app .c1 .photo .msg .dot {
    width: 46px;
    margin: 50px 0 30px;
}

.home #fullpage .r1-app .c1 .photo .msg h4 {
    white-space: nowrap;
    margin-bottom: .15rem;
    font-size: 13.2vw;
    line-height: .8;
    color: #e97600;
}

.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;
    color: #161917;
}

.home #fullpage .r1-app .c2 {
    z-index: 9;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative
}

.home #fullpage .r1-app .c2 .photo {
    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 {
    margin-right: 25px;
    margin-top: -35%;
}

.home #fullpage .r1-app .c2 .photo .msg .dot {
    width: 17px;
}

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

.home #fullpage .r1-app .c3 .photo .msg {
    margin-left: 25px;
    margin-top: -35%;
}

.home #fullpage .r1-app .c3 .photo .msg .dot {
    width: 17px;
}

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

.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 {
    margin-right: 25px;
    margin-top: -35%;
}

.home #fullpage .r1-app .c4 .photo .msg .dot {
    width: .45rem;
}

.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 .r1-app .col .photo {
    width: calc(50% - 20px);
}

.home #fullpage .r1-app .col .photo .msg {
    position: relative;
    background-color: #ffffffab;
    padding: 2px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.home #fullpage .r1-app .col .photo .msg .dot {
    width: 30px;
    margin: 11px 12px;
}

.home #fullpage .r1-app .col .photo .msg div {
    white-space: nowrap;
    font-size: 10vw;
    color: #e97600;
    width: 100%;
    text-align: center;
}

.home #fullpage .r1-app .col .photo .msg p {
    font-size: 15px;
    color: #161917;
}

.home #fullpage .r2 {
    background-color: #04723c;
}

.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: 3px solid transparent;
    border-radius: 1rem;
    padding: 0 .2rem;
    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 .part1 .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 .part3 {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    flex-wrap: wrap;
}

.home #fullpage .r2 .inner .mid .part2 {
    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: #04723c;
    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: 100%;
    width: 100%;
    background: linear-gradient(transparent 0%, rgba(0, 0, 0, .8) 80%);
    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);
    background-color: #fff;
    display: flex;
}

.home #fullpage .r3 .inner .group .swiper .swiper-wrapper .swiper-slide .box .msg .time {
    border-right: 2px solid #000;
    color: #000;
    padding-right: .1rem;
    margin-right: .1rem;
    text-align: center;
}

.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: 16vw;
    height: 16vw;
    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: 0 .8rem;
    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: 16vw;
    height: 16vw;
    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: #003923;
    background-size: 400%;
    border-radius: .8rem 0;
    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: 3px;
    height: 6px;
    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: #002d1c;
    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: #002d1c;
    border-radius: 1rem;
    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: #00492d
}

.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: #f9ffee
}

.home .screen .scroll-content .js-slide.part1:after {
    content: "";
    width: 2.60417vw;
    height: 100%;
    background-color: #f9ffee;
    position: absolute;
    top: 0;
    right: -1.30208vw
}

.home .screen .scroll-content .js-slide.part2 {
    background-color: #f9ffee
}

.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;
    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: 13px
    }

    #app header.open .mk {
        transform: translateY(0)
    }

    #app header .mk:before {
        content: "";
        width: 100%;
        height: 90%;
        background-color: #005233;
        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: #04723c;
    }

    .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 .part2 {
        -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 .part2 .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: 65% 20%;
        grid-auto-flow: column;
        padding-top: 25px;
        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;
        overflow: hidden;
    }

    .home #fullpage .r3 .inner .group .swiper {
        width: 100%;
    }

    .home #fullpage .r3 .inner .group .swiper .swiper-button-prev {
        width: 10vw;
        height: 10vw;
        bottom: 0;
        left: -85vw;
        right: 0;
        z-index: 99;
        background: #ffffff9e;
        border-radius: 10vw;

    }

    .home #fullpage .r3 .inner .group .swiper .swiper-button-prev .mk {
        border-radius: 0 .5rem
    }

    .home #fullpage .r3 .inner .group .swiper .swiper-button-next {
        width: 10vw;
        height: 10vw;
        bottom: 0;
        left: 0;
        right: -85vw;
        z-index: 99;
        background: #ffffff9e;
        border-radius: 10vw;
    }

    .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: uunn-bold01;
    src: url(/Temp/css/fonts/uunn-bold.9249d177.otf) format("woff2"), url(https://www.tubaobao.com/templates/dist/uunn-bold.9249d177.otf) format("woff");
    font-display: swap
}

@font-face {
    font-family: uunn-black01;
    src: url(/Temp/css/fonts/uunn-black.d65c4c26.otf) format("woff2"), url(https://www.tubaobao.com/templates/dist/uunn-black.d65c4c26.otf) format("woff");
    font-display: swap
}

@font-face {
    font-family: NeueMachina-Medium;
    src: url(../font/NeueMachina-Medium.02fc5f54.ttf) format("woff2"), url(../font/NeueMachina-Medium.02fc5f54.ttf) format("woff");
    font-display: swap
}

@font-face {
    font-family: GoogleSansDisplay-Medium;
    src: url(../font/GoogleSansDisplay-Medium-v1.27.4b56afea.ttf) format("woff2"), url(../font/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: uunn-bold01
}

.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: uunn-black01
}

.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: #003923;
    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: #003923;
    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: #003923;
    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: #003923;
    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: #003923;
        border-color: #003923;
        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.6rem
}

.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: 1.2rem
}

.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: -.08em;
    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: #f9ffee;
    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(/Temp/images/banner_sha01.520997d6.png);
    mask-image: url(/Temp/images/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: #003923;
    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: #f3f8ed;
    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: #00492d;
        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: 3px solid transparent;
    border-radius: .4rem;
    -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: #00492d
}

@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: #003923
    }
}

.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(../image/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: #003923
}

.clpro_list .pro_item.is_white_png .pub_img_box:after {
    opacity: 0;
    background-image: url(../image/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: #003923;
    background-color: #f3f8ed;
    font-size: .16rem
}

.pro_body .second_nav_case {
    padding-top: .2rem
}

.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: .28rem
}

@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: #00492d;
    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: #00492d
    }
}

.sel_block .sel_box ul li.on, .sel_check_block .sel_box ul li.on {
    color: #fff;
    background-color: #00492d
}

.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: #00492d;
    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: #00492d;
    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: #003923;
    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: #00492d;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-mask-image: url(../image/p019.863cc558.png);
    mask-image: url(../image/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(../image/b_c003.53a07b57.png);
    mask-image: url(../image/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: #00492d;
    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: #003923
}

.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: #003923
}

.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: #f6fcea;
    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: #f6fcea;
    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: #eef4e8;
    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: #00492d;
    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: #003923;
    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: #eef4e8;
    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: #00492d;
    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: .2rem
    }
}

.pro_det_body .pro_det_row12 {
    z-index: 2;
    color: #fff;
    background-color: #eef4e8;
    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: #eef4e8;
    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(../image/p068.a5713803.png);
    mask-image: url(../image/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: #eef4e8;
    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: #00492d;
    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: #003923;
    -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: #00492d;
    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: #f9ffee
}

@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: #f9ffee
}

.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: #00492d
}

.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: #00492d;
    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: #003923;
    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 #003923;
    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: #003923;
    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: #003923;
        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: #00492d;
    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: #00492d
    }
}

.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: #f9ffee
}

.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: #f9ffee;
    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: #003923;
    background-color: #f9ffee;
    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, #f9ffee 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: #003923;
    background-color: #f9ffee;
    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: #00492d;
    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: #00492d;
    -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: #00492d
    }
}

.b_row03_con.b_03_col_w .from_box form .sel_block.on .sel_show span {
    color: #00492d
}

.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: #00492d
    }
}

.b_row03_con.b_03_col_w .from_box form .sel_check_block.on .sel_show span {
    color: #00492d
}

.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: #00492d;
        border-color: #9cd325
    }
}

.com_tab_box.col_g span.on {
    color: #00492d
}

@media screen and (orientation: landscape) {
    .com_tab_box.lb_tab_case .swiper-slide {
        width: auto
    }
}

.brand_body {
    color: #00492d;
    background-color: #f9ffee;
    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: #003923;
    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: #00492d;
    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: #00492d
    }
}

.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: #00492d;
    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: #00492d;
    font-weight: 400
}

.brand_body .brand_row05 .inq_con form input::placeholder {
    color: #00492d;
    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: #00492d;
    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: #00492d;
    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: #00492d;
    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: #003923
    }
}

.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: #00492d
}

.brand_body .tel_sha .from_box form .form_inp .inp_case .inp_sha {
    border-color: #00492d
}

.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: #00492d;
    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: #00492d;
    position: relative;
    -webkit-mask-image: url(../image/a002_0.cf2505da.png);
    mask-image: url(../image/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, #00492d 0%, #00492d 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: #00492d;
    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: #00492d
}

.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 #00492d;
    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: #00492d;
    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: #fff
}

.step_02_case.col_w .step_02 .step_02_con {
    border-color: #fff
}

.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: #00492d
}

.join_body {
    color: #00492d;
    background-color: #f9ffee;
    font-size: .16rem
}

.join_body .pub_title_en {
    color: #00492d
}

.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 #00492d;
    border-radius: 50%;
    margin: 0 .15rem
}

@media screen and (orientation: landscape) {
    .join_body .join_row05 .j_row05_case .swiper-pagination span:hover {
        background-color: #00492d
    }
}

.join_body .join_row05 .j_row05_case .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: #00492d
}

.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: #00492d
}

.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: #00492d
    }
}

.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: #00492d;
    background-image: url(../image/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: #00492d;
    background-color: #f9ffee
}

.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: #00492d
}

.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: #00492d;
    background-image: url(../image/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: #00492d;
    background-color: #f9ffee
}

.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: #00492d
}

@media screen and (orientation: landscape) {
    .join_body .step_01_con02.col_w .j_row08_right .j_row08_tab div:hover {
        color: #00492d
    }
}

.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: #00492d
}

.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, #00492d 0%, #00492d 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: #00492d
}

.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: #00492d
    }
}

.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: #00492d
}

.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: #00492d;
    position: relative;
    -webkit-mask-image: url(../image/a002_0.cf2505da.png);
    mask-image: url(../image/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: #003923;
    border-color: #9cd325
}

@media screen and (orientation: landscape) {
    .tab_sty_case > span:hover {
        color: #003923;
        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(../image/shubiao.24aad547.svg), auto
}

.drag_hint_w {
    cursor: url(../image/shubiao_w.4d91b567.svg), auto
}

.drag_hint_b {
    cursor: url(../image/shubiao_b.832d69b8.svg), auto
}

.business_body {
    color: #00492d;
    background-color: #f9ffee;
    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(#f9ffee 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: #003923;
    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(../image/b_c001.cce8b6a1.png);
    mask-image: url(../image/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 #00492d;
    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: #00492d
    }
}

.business_body .bus_row06 .bus_row06_case .bus_row06_con .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: #00492d
}

.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: #00492d !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(../image/a003_0.a88c5ec8.png);
    mask-image: url(../image/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: #00492d;
    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: #003923;
    background-color: #f9ffee
}

.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(../image/p019.863cc558.png);
    mask-image: url(../image/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: #00492d;
    background-color: #f6fcea
}

@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: #00492d;
    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: #00492d !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%, #f6fcea 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: #00492d !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(../image/a003_0.a88c5ec8.png);
    mask-image: url(../image/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(../image/a004_0.6dff9828.png);
    mask-image: url(../image/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%, #00492d 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: #003923;
    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: #00492d;
    background-color: #f6fcea
}

@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: #00492d;
    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: #062418
}

@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: #062418;
    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(../image/a004_0.6dff9828.png);
    mask-image: url(../image/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: #00492d;
    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: .4rem;
        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: #062418;
    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(../image/a015.9d10a408.png);
    mask-image: url(../image/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: #00492d;
    background-color: #f6fcea
}

.about_body .abo_row14 {
    background-color: #00492d;
    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(../image/ac005.7fdc387d.png);
    mask-image: url(../image/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: #f6fcea;
    -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: #003923
}

@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: .2rem;
        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: .3rem;
        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: #00492d;
    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: #f6fcea;
    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: #00492d;
    background-color: #f6fcea;
    border-radius: .5rem;
    -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: #055f3c;
    background: #003923;
    border-radius: .7rem;
    -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: #05623e;
    background: #00442a;
    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: #05623e;
    background: #00442a;
    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: #05623e;
    background: #00442a;
    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: #05623e;
    background: #00442a;
    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: #003923;
    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(../image/a022.4aeb1418.png);
    mask-image: url(../image/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: #00492d;
    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: .6rem
    }
}

.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: #003923;
    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: #003923;
    background-color: #f9ffee;
    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, #f9ffee 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: 500
    }

    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: 500;
        line-height: 1.1
    }

    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: 400
    }

    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: 300
    }

    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%, #f9ffee 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: #00492d;
    background-color: #f9ffee;
    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: #f1f9e3;
    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: #003923;
    background: #fbfff4;
    border: 1px solid rgba(156, 211, 37, .5);
    border-radius: 10px;
    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: #004128
}

.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: #003923
}

.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: #00492d !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: #00492d;
    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: #00492d !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(../image/a003_0.a88c5ec8.png);
    mask-image: url(../image/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: #00492d
}

.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: #00492d;
        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: #00492d;
        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: 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, #00492d 0%, #00492d 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(#00492d 0%, #00492d 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: #00492d
    }
}

@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: #00492d
    }

    .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: #00492d;
        position: relative;
        -webkit-mask-image: url(../image/a002_0.cf2505da.png);
        mask-image: url(../image/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: 18px
    }

    .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: #00492d;
        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(../image/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: .1rem;
        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
}

.see-more {
    border: 1px solid #fff;
    padding: 10px;
    margin: 20px 0;
    display: inline-block;
}

.see-more:after {
    content: "+";
}

.form-inline {
    background-color: #e5e5e5;
    margin: 0 40px;
    padding: 20px;
    border-radius: 20px;
}

.form-group {
    display: flex;
    padding: 10px;
}

.form-control {
    background: #fff;
    border: none;
    height: 5vh;
    width: 75%;
}

.form-title {
    width: 20%;
}

.form-default {
    width: 80%;
    margin: 10px 10%;
    background: #fc7f00;
    border: none;
    color: #fff;
    height: 50px;
    border-radius: 50px;
    font-size: 0.30rem;
}

.layouts {
    background-color: #04723c;
    height: 38%;
    .bottom{
        padding-top: 20px;
    }
    .bottom>div{
        margin-top: 20px;
        overflow: hidden;
    }
    .bottom-list {
        margin-top: 0 !important;
        color: #fff;
        text-align: center;
        font-size: 0.30rem;
    }

    .address {
        color: #fff;
        text-align: center;
        font-size: 0.2rem;
    }

    .model{
        color: #9de90b;
        text-align: center;
        font-size: 0.40rem;
    }
    .image{
        display: flex;
        justify-content: center;
        align-items: center;
        .image-box{
            color: #929999;
            font-size: 0.2rem;
            line-height: 100px;
        }
        .image-box img{
            width: 100px;
            height: 100px;
        }
        .image-box:nth-child(1){
            margin-right: 20px;
        }
    }
    .copyright{
        color: #929999;
        text-align: center;
        font-size: 0.2rem;
    }
}