:root {
    --zj-ven2_LA: 18px;
    --zj-so1SwAP: 16px;
    --zj-so2_2Num: 20px;
    --zj-so2_2H: 24px;
    --zj-so1SwH: 58px;
    --zj-so2_1B: 45px;
    --zj-so3H: 68px;
    --zj-so3LA: 15px;
    --zj-so4H: 56px;
    --zj-con2_1TEH: 28px;
    --zj-faq2_2L1: 34px;
    --zj-faq2_2LP1: 14px;
    --zj-ab4TeH: 32px;
}

.ctm-9 {
    width: 86.4% !important;
    margin: auto !important;
}

@media (max-width: 1536px) {
    :root {
        --zj-ven2_LA: 16px;
        --zj-so1SwH: 48px;
        --zj-so4H: 46px;
        --zj-so2_1B: 35px;
        --zj-so1SwAP: 14px;
        --zj-so2_2Num: 18px;
        --zj-so3H: 50px;
        --zj-so3LA: 14px;
        --zj-so2_2H: 22px;
        --zj-con2_1TEH: 26px;
        --zj-faq2_2L1: 32px;
        --zj-ab4TeH: 30px;
    }
}

@media (max-width: 1199.9px) {
    .ctm-9 {
        width: 92% !important;
        margin: auto !important;
    }
}

@media (max-width: 992px) {
    :root {
        --zj-so1SwH: 36px;
        --zj-so4H: 34px;
        --zj-so2_1B: 23px;
        --zj-so2_2H: 20px;
        --zj-con2_1TEH: 24px;
        --zj-ab4TeH: 28px;
        --zj-faq2_2L1: 30px;
        --zj-so3H: 42px;
        --zj-so2_2Num: 16px;
    }
}

@media (max-width: 499px) {
    :root {
        --zj-so1SwH: 30px;
        --zj-so4H: 28px;
        --zj-so2_2H: 18px;
        --zj-con2_1TEH: 22px;
        --zj-ab4TeH: 26px;
        --zj-faq2_2L1: 36px;
        --zj-ven2_LA: 14px;
        --zj-so3H: 34px;
    }
}

.translate {
    padding-left: 82px;
}

.translate .goog-te-gadget-simple {
    border: none !important;
}

.img-box {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    height: 0;
    padding-bottom: 100%;

    img,
    iframe {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
    }
}

img.lazy {
    min-width: 1px;
    min-height: 1px;
    background: url(../images/ajax-loader.gif) no-repeat center;
}

.lazy {
    background-image: url(../images/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.loaded {
    background-size: cover;
}

/*  */
#ven {
    background: #FFF;
}

#ven::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #DDD;
}

.venSa {
    display: flex;
    justify-content: space-between;
}

.ven1_A {
    display: flex;
    width: max-content;
    position: relative;
    align-items: center;
}

.ven1_LoIm {
    padding: 22px 0;
}

.ven1_LoIm img {
    width: 150px;
    max-width: 100%;
    transition: all 0.5s ease;
}

.ven2 {
    display: flex;
    align-items: center;
}

.ven2_Lis {
    height: 100%;
}

.ven2_U {
    display: flex;
    align-items: center;
    height: 100%;
}

.ven2_L {
    margin-right: 3.26vw;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.ven2_LSa {
    height: 100%;
    position: relative;
}

.ven2_LA {
    display: flex;
    align-items: center;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.ven2_LA p {
    color: #222;
    font-family: carB;
    font-size: var(--zj-ven2_LA);
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.ven2_LA:hover p {
    color: #188E42;
}

.ven2_L.on .ven2_LA p {
    color: #188E42;
}

.ven2_1 {
    display: flex;
    align-items: center;
}

.venLanA {
    display: flex;
    align-items: center;
}

.venLanA>img {
    width: 28px;
    flex: 0 0 auto;
    margin-right: 20px;
    border-radius: 2px;
    border: 1px solid rgba(245, 245, 245, 1);
}

.venLanA>p {
    color: #222;
    font-family: carR;
    font-size: var(--zj-ven2_LA);
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    transition: all 0.3s ease;
}

.venLanA:hover>p {
    color: #188E42;
}

.venSeh {
    --w: 40px;
    width: var(--w);
    height: var(--w);
    background: #188E42;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-left: 16px;
    flex: 0 0 auto;
    position: relative;
}

.venSeSv {
    display: flex;
}

/*  */
.venSehINp {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 12;
    pointer-events: none;
    opacity: 0;
    transition: all 0.3s ease;
}

.venSeh:hover .venSehINp {
    pointer-events: auto;
    opacity: 1;
}

.venSehFo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 50px;
    border: 1px solid #999;
    width: 414px;
    padding: 16px 22px;
    background: #FFF;
}

.venSehFo input {
    width: 86%;
    background: transparent;
    font-family: carR;
    font-size: var(--zj-venUl1);
    font-style: normal;
    line-height: normal;
    transition: all 0.3s ease;
    color: #188E42;
    font-style: normal;
    line-height: calc(var(--zj-venUl1) * 1.75);
}

.venSehFo input::-webkit-input-placeholder {
    color: #999;
}

.venSehFo input:-moz-placeholder {
    color: #999;
}

.venSehFo input::-moz-placeholder {
    color: #999;
}

.venSehFo input:-ms-input-placeholder {
    color: #999;
}

/*  */
.flykey {
    position: fixed;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    transition: all 0.3s ease;
}

.flykeyL {
    padding: 3px 0;
    position: relative;
}

.flykeyLA {
    --w: 55px;
    width: var(--w);
    height: var(--w);
    border-radius: 100px;
    background: #eeeeeecc;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    position: relative;
}

.spflykeyLA {
    background: transparent;
}

.spflykeyLA img {
    width: 70px;
}

.flykeyLA:hover {
    border-radius: 100px;
    background: #188e41ce;
}

.flykeyL:nth-child(1) .flykeyLA:hover {
    background: transparent;
}

.flykeyLA img {
    transition: all 0.3s ease;
}

.flykeyL:nth-child(1) .flykeyLA img:nth-of-type(2) {
    opacity: 0 !important;
}

.flykeyL:nth-child(1) .flykeyLA img:nth-of-type(1) {
    opacity: 1 !important;
}

.flykeyLA img:nth-of-type(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
    opacity: 0;
}

.flykeyLA:hover img:nth-of-type(1) {
    opacity: 0;
}

.flykeyLA:hover img:nth-of-type(2) {
    opacity: 1;
}

.flykeyLA span {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #188E42;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    right: 7px;
    top: 8px;

    text-align: center;
    font-family: carR;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

/* keyfo */
.flykeyLSp {
    position: fixed;
    right: 67px;
    width: 460px;
    top: -4vw;
    opacity: 0;
    transition: all 0.3s ease;
    pointer-events: none;
    border-radius: 15px 15px 0px 0px;
    background: #FFF;
    box-shadow: 5px 10px 20px 0px rgba(0, 0, 0, 0.05);
}

.flykeyL.on .flykeyLSp {
    opacity: 1;
    pointer-events: auto;
}

.flykeyLSp_1Im {
    cursor: pointer;
}

.flykeyLSp_1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 15px 15px 0px 0px;
    background: #0097DF;
    padding: 13px 35px;
}

.flykeyLSp_1P p {
    color: #FFF;
    font-family: carR;
    font-size: 20px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
}

.flykeyLSp_2 {
    padding: 12px;
    padding-top: 25px;
    padding-bottom: 45px;
}

.flykeyLSp_2F input {
    display: block;
    width: 100%;
    /* border-radius: 50px; */
    /* border: 1px dashed #CCC; */
    background: #F6F6F6 !important;
    width: 410px;
    /* height: 45px; */
    flex-shrink: 0;
    margin: auto;
    /* margin-bottom: 10px; */
    padding: 0 40px;
    border: none;
    color: #444;
    font-family: carR;
    font-size: 18px;
    font-style: normal;
    line-height: normal;
}

.flykeyLSp_2F input::-webkit-input-placeholder {
    color: #666;
}

.flykeyLSp_2F input:-moz-placeholder {
    color: #666;
}

.flykeyLSp_2F input::-moz-placeholder {
    color: #666;
}

.flykeyLSp_2F input:-ms-input-placeholder {
    color: #666;
}

.flykeyLSp_2F textarea {
    display: block;
    width: 100%;
    /* border-radius: 20px; */
    /* border: 1px dashed #CCC; */
    border: none;
    background: #F6F6F6 !important;
    width: 410px;
    flex-shrink: 0;
    margin: auto;
    padding: 14px 40px;
    color: #444;
    font-family: carR;
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    /* margin-bottom: 30px; */
}

.flykeyLSp_2F textarea::-webkit-input-placeholder {
    color: #666;
}

.flykeyLSp_2F textarea:-moz-placeholder {
    color: #666;
}

.flykeyLSp_2F textarea::-moz-placeholder {
    color: #666;
}

.flykeyLSp_2F textarea:-ms-input-placeholder {
    color: #666;
}

.flykeyLSp_2F button {
    color: #FFF;
    font-family: carR;
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    width: 410px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 50px;
    background: #188E42;
    margin: auto;
    display: block;
}

/* keyfo */
.flykeyLCh {
    position: absolute;
    right: 67px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 0.3s ease;
    pointer-events: none;
}

.flykeyL:hover .flykeyLCh {
    opacity: 1;
    pointer-events: auto;
}

.flykeyLCh>a {
    display: flex;
    background: #188E42;
    padding: 12px;
    border-radius: 2px;
    width: max-content;
}

.flykeyLCh>a span {
    color: #fff;
    font-family: carR;
    font-size: 18px;
    font-style: normal;
    line-height: normal;
}

@media (max-width: 1536px) {
    .ven1_LoIm {
        padding: 18px 0;
    }

    .ven1_LoIm img {
        width: 140px;
    }

    .ven2_L {
        margin-right: 2vw;
    }

    .venLanA>img {
        width: 28px;
        flex: 0 0 auto;
        margin-right: 12px;
    }

    .translate {
        padding-left: 36px;
    }

    .venSeh {
        --w: 34px;
    }

    .flykeyLSp_1P p {
        font-size: 18px;
    }

    .flykeyLSp_2F input {
        font-size: 16px;
    }

    .flykeyLSp_2F button {
        font-size: 16px;
    }

    .flykeyLCh>a span {
        font-size: 16px;
    }

    .flykeyLA {
        --w: 49px;
    }
}

@media (max-width: 1199.9px) {
    .ven1_LoIm img {
        width: 120px;
    }

    .ven2_Lis {
        display: none;
    }

    .translate {
        padding-left: 20px;
    }

    .flykeyLA {
        --w: 45px;
    }
}

@media (max-width: 992px) {

    /* #flykey {
        display: none;
    } */
    /* .spflykeyLA img {
        width: 40px;
    }

    .flykeyLA img {
        width: 16px;
    } */
    .flykeyLA span {
        width: 18px;
        height: 18px;
        right: 5px;
        top: 4px;
    }

    .flykeyL:nth-child(1) {
        display: none;
    }

    .flykeyL:nth-child(3) {
        display: none;
    }

    .flykeyL:nth-child(4) {
        display: none;
    }

    .flykeyL:nth-child(5) {
        display: none;
    }

    .flykeyL:nth-child(6) {
        display: none;
    }

    .flykeyL:nth-child(7) {
        display: none;
    }

    /* 
    .flykeyLA {
        --w: 30px;
    } */
}

@media (max-width: 499px) {
    .ven1_LoIm {
        padding: 10px 0;
    }

    .ven1_LoIm img {
        width: 86px;
    }

    .venLanA>img {
        margin-right: 0;
        width: 24px;
    }

    .venLanA>p {
        display: none;
    }

    .translate {
        padding-left: 12px;
    }

    .venSeh {
        --w: 30px;
        margin-left: 12px;
    }

    .venSehFo {
        width: 314px;
        padding: 6px 11px;
    }
}

/*  */
#venPho {
    display: none;
}

#venPho .venPhoSack {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 26px;
    height: 100%;
    margin-left: 12px;
}

#venPho .venPhoSack::before,
#venPho .venPhoSack::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    transform: translateY(-50%);
    background: #188E42;
    transition: all .5s;
}

#venPho .venPhoSack::before {
    margin-top: -7px;
}

#venPho .venPhoSack::after {
    margin-top: 7px;
}

#venPho .venPhoSack.on::before {
    margin-top: 0px;
    transform: translateY(50%) rotate(46deg);
    background: #188E42;
}

#venPho .venPhoSack.on::after {
    margin-top: 0px;
    transform: translateY(0%) rotate(-46deg);
    background: #188E42;
}

#venPho .venPhoSack span {
    height: 2px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    background: #188E42;
    transition: all .5s;
}

#venPho .venPhoSack.on span {
    opacity: 0 !important;
}

@media (max-width: 1199.9px) {
    #venPho {
        display: block;
    }
}

#venPhoSec {
    /* display: none; */
    position: fixed;
    right: -100%;
    opacity: 0;
    top: 72.4px;
    width: 100%;
    height: 100vh;
    background: #fff;
    transition: all 0.8s ease;
    /* animation-name: fadeInUp11t; */
    /* animation-duration: 0.8s; */
    z-index: 9999;
}

@keyframes fadeInUp11t {
    0% {
        opacity: 0;
        /* -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0) */
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

#venPhoSec ul li .xiaopingsanji {
    display: flex;
    height: 45px;
    align-items: center;
}

#venPhoSec .menu_list li {
    border-bottom: 1px solid #33333330;
}

#venPhoSec .menu_list li .xiaopingsanji a {
    width: 100%;
}

#venPhoSec ul li i {
    /* color: #fff; */
    color: #333;
    padding-left: 15px;
}

#venPhoSec ul li i img {
    width: 20px;
}

.menu_head {
    height: 46px;
    line-height: 46px;
    /* padding: 0 38px; */
    /* margin: auto; */
    /* border-bottom: 1px solid #33333330; */
    display: flex;
    justify-content: space-between;
}

.menu_head a {
    font-size: 16px;
    color: #222;
    font-family: carB;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;


    width: 100%;
    margin: auto;
    display: block;
}

.xiantiao>a {
    color: #188E42;
    /* font-weight: bold; */
}

.menu_body {
    line-height: 38px;
    display: none;
    /* border-bottom: 1px solid #33333330; */
    margin-bottom: 10px;
}

.menu_body a {
    display: block;
    /* height: 38px; */
    line-height: 32px;
    font-family: carR;
    padding-left: 10px;
    /* color: #fff; */
    color: #666;
    text-decoration: none;
    font-size: 16px;
    transition: all 0.5s ease;
}

.menu_body h2 {
    padding-left: 53px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    line-height: 28px;
}

.menu_body a:hover {
    color: var(--zj-venTe-co1);
}

@media (max-width: 499px) {
    #venPhoSec {
        top: 45px;
    }
}

/*  */
.so1 {
    --h: 89.5px;
    position: relative;
    padding-top: var(--h);
}

#so1Sw {
    overflow: hidden;
}

.so1SwB {
    position: relative;
}

.so1SwIM {
    display: block;
    overflow: hidden;
}

.so1SwIM img {
    width: 100%;
    --h: 89.5px;
    height: calc(100vh - var(--h));
    object-fit: cover;
    object-position: center;
    transition: transform 5s ease;
    transform: scale(1.2);
}

.swiper-slide-active .so1SwIM img {
    transform: scale(1);
}

.so1SwTe {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
}

.so1SwH {
    margin-bottom: 20px;
}

.so1SwH p {
    color: #188E42;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #FFF;
    font-family: ant;
    font-size: var(--zj-so1SwH);
    font-style: normal;
    line-height: calc(var(--zj-so1SwH) * 1.46);
    text-transform: uppercase;
    text-align: center;
    transition: all 0.3s ease;
}

.so1SwP {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 70px;
}

.so1SwP p {
    color: #FFF;
    text-align: center;
    font-family: carB;
    font-size: var(--zj-so2_2H);
    font-style: normal;
    line-height: calc(var(--zj-so2_2H) * 1.41);
    width: 681px;
    max-width: 100%;
}

.so1SwAB {
    display: flex;
    align-items: center;
    justify-content: center;
}

.so1SwA {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #188E42;
    padding: 12px 44px;
}

.so1SwAI {
    display: flex;
    width: 12px;
    margin-right: 20px;
}

.so1SwA svg {
    transition: all 0.3s ease;
}

.so1SwA:hover svg {
    transform: translateX(4px);
}

.so1SwAP p {
    color: #FFF;
    font-family: carB;
    font-size: var(--zj-so1SwAP);
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

#so1Sw .swiper-button-prev,
#so1Sw .swiper-button-next {
    width: 30px;
}

#so1Sw .swiper-button-prev {
    left: 82px;
}

#so1Sw .swiper-button-next {
    right: 82px;
}

#so1Sw .swiper-button-prev::after,
#so1Sw .swiper-button-next::after {
    content: "";
}

#so1Sw .swiper-button-prev svg g path,
#so1Sw .swiper-button-next svg g path {
    transition: all 0.3s ease;
}

#so1Sw .swiper-button-prev:hover svg g path,
#so1Sw .swiper-button-next:hover svg g path {
    fill: #188E42;
}

#so1Sw .swiper-pagination {
    bottom: 30px;
}

#so1Sw .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    opacity: 0.5;
    background: #FFF;
    margin: 0 10px;
    transition: all 0.3s ease;
}

#so1Sw .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
}

.so2 {
    /* background: url(../../app/images/so2bg.png) no-repeat;
    background-size: cover;
    background-position: center; */
    padding-top: 120px;
    padding-bottom: 126px;
    min-height: auto;
    overflow: hidden;
    position: relative;
}

.so2BG {
    position: absolute;
    width: 100vw;
    min-height: 765px;
    object-fit: cover;
    object-position: center;
    left: 0;
    top: 0;
}

.so2BG img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.so2Sa {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 12;
}

.so2_1 {
    width: 42.8%;
    flex: 0 0 auto;
}

.so2_1B {
    display: none;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.so2_1B.on {
    display: block;
}

.so2_1B img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.so2_1BP {
    position: absolute;
    left: 8.6%;
    top: 9.6%;
}

.so2_1BP p {
    color: #FFF;
    font-family: ant;
    font-size: var(--zj-so2_1B);
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

.so2_2 {
    width: 51.4%;
    flex: 0 0 auto;
}

.so2_2B {
    display: flex;
    padding-top: 30px;
}

.so2_2Num {
    --w: 40px;
    background: #188E42;
    width: var(--w);
    height: var(--w);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    flex: 0 0 auto;
    margin-right: 30px;
    transition: all 0.3s ease;
}

.so2_2B.on .so2_2Num {
    background: #F60;
}

.so2_2Num p {
    color: #FFF;
    font-family: ant;
    font-size: var(--zj-so2_2Num);
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

.so2_2Te {
    position: relative;
    padding-bottom: 24px;
}

.so2_2Te::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #CCC;
    background: #DDD;
    left: 0;
    bottom: 0;
}

.so2_2H {
    padding: 6px 0 15px;
}

.so2_2H p {
    color: #000;
    font-family: carB;
    font-size: var(--zj-so2_2H);
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
}

.so2_2P {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.5s ease;
}

.so2_2B.on .so2_2P {
    max-height: 200px;
    opacity: 1;
}

.so2_2P p {
    color: #444;
    font-family: carR;
    font-size: var(--zj-ven2_LA);
    font-style: normal;
    line-height: calc(var(--zj-ven2_LA) * 1.33);
    margin-bottom: 21px;
}

.so3 {
    padding: 110px 0;
}

.so3H {
    margin-bottom: 10px;
}

.so3H p {
    color: #F60;
    text-align: center;
    font-family: ant;
    font-size: var(--zj-so3H);
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

.so3H p span {
    color: #188E42;
}

.so3P {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 60px;
}

.so3P p {
    color: #444;
    text-align: center;
    font-family: carR;
    font-size: var(--zj-so2_2Num);
    font-style: normal;
    line-height: calc(var(--zj-so2_2Num) * 1.6);
    width: 1400px;
    max-width: 100%;
}

.so3U {
    margin-right: calc(-.5 * 2.5rem);
    margin-left: calc(-.5 * 2.5rem);
}

.so3L {
    padding-right: calc(2.5rem * .5);
    padding-left: calc(2.5rem * .5);
    margin-bottom: 20px;
}

.so3LBo {
    background: #F6F6F6;
    padding: 10px 10px 24px;
    position: relative;
    overflow: hidden;
}

.so3LBo::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #188E42;
    left: 0;
    top: 70%;
    opacity: 0;
    transition: all 0.8s ease;
}

.so3LBo:hover:after {
    top: 0;
    opacity: 1;
}

.so3LIm {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #FFF;
    overflow: hidden;
    margin-bottom: 24px;
    position: relative;
    z-index: 12;
}

.so3LIm img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.so3LH {
    margin-bottom: 20px;
    position: relative;
    z-index: 12;
    display: block;
}

.so3LH p {
    color: #000;
    text-align: center;
    font-family: carR;
    font-size: var(--zj-ven2_LA);
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
    text-transform: uppercase;
}

.so3LBo:hover .so3LH p {
    color: #FFF;
}

.so3LAB {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 40px;
    overflow: hidden;
    margin: 0 6%;
    position: relative;
    z-index: 12;
}

.so3LA {
    background: #188E42;
    width: calc(50% - 0.5px);
    flex: 0 0 auto;
    color: #FFF;
    font-family: carR;
    font-size: var(--zj-so3LA);
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    padding: 14px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
}

.so3LBo:hover .so3LA {
    color: #FFF;
}

.so3LA:first-child {
    background: #333;
}

.so3LA:last-child::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 0.5px solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
    opacity: 0;
    z-index: 12;
    border-radius: 0 40px 40px 0;
}

.so3LBo:hover .so3LA:last-child::after {
    opacity: 1;
}

.so4 {
    background: url(../../app/images/so4img.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    padding-top: 114px;
    padding-bottom: 112px;
}

.so4::after {
    position: absolute;
    content: "";
    width: 64vw;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 1));
}

.so4Sa {
    position: relative;
    z-index: 12;
}

.so4H p {
    color: #FFF;
    font-family: ant;
    font-size: var(--zj-so4H);
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

.so4H2 {
    margin-bottom: 20px;
}

.so4H2 p {
    color: #FFF;
    font-family: carB;
    font-size: var(--zj-so2_2H);
    font-style: normal;
    line-height: calc(var(--zj-so2_2H) * 1.58);
}

.so4P {
    margin-bottom: 50px;
}

.so4P p {
    color: #FFF;
    font-family: carR;
    font-size: var(--zj-so2_2Num);
    font-style: normal;
    line-height: calc(var(--zj-so2_2Num) * 1.6);
    width: 850px;
    max-width: 100%;
}

.so4AB {
    display: flex;
    align-items: center;
    margin-bottom: 60px;
}

.so4A_1 {
    border-radius: 50px;
    background: #188E42;
    padding: 12px 60px;
    margin-right: 40px;
}

.so4A_1 p {
    color: #FFF;
    font-family: carR;
    font-size: var(--zj-so1SwAP);
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

.so4A_2 {
    --w: 45px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    background: #188E42;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.so4A_2im {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 140%;
    height: 140%;
    pointer-events: none;
    animation: rotation 8s linear infinite;
}

.so4A_2im img {
    width: 100%;
}

.so4A_2>.play {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.so4U {
    display: flex;
}

.so4L {
    margin-right: 11vw;
}

.so4L:last-child {
    margin-right: 0%;
}

.so4L_1 {
    display: flex;
    align-items: center;
}

.so4L_1 p {
    color: #FFF;
    font-family: ant;
    font-size: var(--zj-so4H);
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    margin-right: 20px;
}

.so4L_1 span {
    color: #FFF;
    font-family: ant;
    font-size: var(--zj-so2_1B);
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
}

.so4L_2 p {
    color: #FFF;
    font-family: carR;
    font-size: var(--zj-ven2_LA);
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
}

.so5 {
    padding: 80px 0;
}

.so5Sa {
    position: relative;
}

#so5Sw {
    overflow: hidden;
}

.so5Sw {
    cursor: pointer;
}

.so5SwIM {
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    cursor: pointer;
}

.so5SwIM img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    transition: all 0.3s ease;
}

.so5SwA:hover .so5SwIM img {
    transform: scale(1.1);
}

.so5SwP p {
    color: #111;
    text-align: center;
    font-family: carR;
    font-size: var(--zj-ven2_LA);
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
}

#so5Sw .swiper-button-prev,
#so5Sw .swiper-button-next {
    --w: 45px;
    width: var(--w);
    height: var(--w);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #999;
    transition: all 0.3s ease;
    opacity: 1;
    top: 46%;
}

#so5Sw .swiper-button-prev:hover,
#so5Sw .swiper-button-next:hover {
    background: #188E42;
}

#so5Sw .swiper-button-prev {
    left: -75px;
}

#so5Sw .swiper-button-next {
    right: -75px;
}

#so5Sw .swiper-button-prev::after,
#so5Sw .swiper-button-next::after {
    content: "";
}

.so6 {
    background: url(../../app/images/so6bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 80px;
    padding-bottom: 104px;
}

.so6H {
    margin-bottom: 10px;
}

.so6H p {
    color: #F60;
    text-align: center;
    font-family: ant;
    font-size: var(--zj-so3H);
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

.so6H span {
    color: #188E42;
}

.so6P {
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.so6P p {
    color: #444;
    text-align: center;
    font-family: carR;
    font-size: var(--zj-so2_2Num);
    font-style: normal;
    line-height: calc(var(--zj-so2_2Num) * 1.6);
    width: 1400px;
    max-width: 100%;
}

.so6Sw {
    position: relative;
}

#so6Sw {
    overflow: hidden;
}

.so6SwA {
    background: #FFF;
    transition: all 0.3s ease;
    display: block;
}

.so6SwA:hover {
    background: #188E42;
}

.so6SwIM {
    cursor: pointer;
}

.so6SwIM img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.so6SwP {
    padding: 14px 12px;
}

.so6SwP p {
    color: #222;
    text-align: center;
    font-family: carR;
    font-size: var(--zj-ven2_LA);
    font-style: normal;
    line-height: normal;
    transition: all 0.3s ease;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.so6SwA:hover .so6SwP p {
    color: #FFF;
}

#so6Sw .swiper-button-prev,
#so6Sw .swiper-button-next {
    --w: 45px;
    width: var(--w);
    height: var(--w);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #999;
    transition: all 0.3s ease;
    opacity: 1;
    top: 46%;
}

#so6Sw .swiper-button-prev:hover,
#so6Sw .swiper-button-next:hover {
    background: #188E42;
}

#so6Sw .swiper-button-prev {
    left: -75px;
}

#so6Sw .swiper-button-next {
    right: -75px;
}

#so6Sw .swiper-button-prev::after,
#so6Sw .swiper-button-next::after {
    content: "";
}

.so7 {
    padding-top: 80px;
    padding-bottom: 130px;
}

.so7U {
    margin-right: calc(-.5 * 2.8rem);
    margin-left: calc(-.5 * 2.8rem);
}

.so7L {
    padding-right: calc(2.8rem * .5);
    padding-left: calc(2.8rem * .5);
}

.so7LIM img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.so7LP {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0;
}

.so7LP p {
    color: #222;
    text-align: center;
    font-family: carB;
    font-size: var(--zj-so2_2Num);
    font-style: normal;
    line-height: calc(var(--zj-so2_2Num) * 1.3);
    min-height: calc(var(--zj-so2_2Num) * 1.3 * 2);
    width: 470px;
    max-width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.so7LTeB,
.so7LTe {
    display: flex;
    align-items: center;
    justify-content: center;
}

.so7LTe {
    border-radius: 50px;
    background: #999;
    width: 210px;
    max-width: 100%;
    padding: 10px 0;
    transition: all 0.3s ease;
}

.so7LA:hover .so7LTe {
    background: #188E42;
}

.so7LIC {
    width: 14px;
    margin-right: 20px;
    flex: 0 0 auto;
    display: flex;
}

.so7LIC img {
    width: 100%;
}

.so7LP2 p {
    color: #FFF;
    font-family: carR;
    font-size: var(--zj-so1SwAP);
    font-style: normal;
    line-height: normal;
}

@media (max-width: 1536px) {
    .so1 {
        --h: 78.4px;
    }

    .so1SwIM img {
        --h: 78.4px;
    }

    #so1Sw .swiper-button-prev {
        left: 62px;
    }

    #so1Sw .swiper-button-next {
        right: 62px;
    }

    /*  */
    .so2 {
        padding-top: 84px;
        padding-bottom: 90px;
    }

    .so2_1 {
        width: 45.8%;
    }

    .so2_2B {
        padding-top: 16px;
    }

    .so2_2Te {
        padding-bottom: 10px;
    }

    .so2_2H {
        padding: 6px 0 8px;
    }

    .so2_2P p {
        margin-bottom: 12px;
    }

    /*  */
    .so3 {
        padding: 80px 0;
    }

    .so3U {
        margin-right: calc(-.5 * 1.2rem);
        margin-left: calc(-.5 * 1.2rem);
    }

    .so3L {
        padding-right: calc(1.2rem * .5);
        padding-left: calc(1.2rem * .5);
        margin-bottom: 16px;
    }

    .so3LA {
        padding: 9px 0;
    }

    .so3LAB {
        margin: 0 2%;
    }

    /*  */
    .so4 {
        padding-top: 94px;
        padding-bottom: 92px;
    }

    .so4A_2 {
        --w: 39px;
    }

    /*  */
    #so5Sw .swiper-button-prev,
    #so5Sw .swiper-button-next {
        --w: 39px;
    }

    #so5Sw .swiper-button-prev {
        left: -54px;
    }

    #so5Sw .swiper-button-next {
        right: -54px;
    }

    /*  */
    .so6 {
        padding-top: 58px;
        padding-bottom: 80px;
    }

    #so6Sw .swiper-button-prev,
    #so6Sw .swiper-button-next {
        --w: 39px;
    }

    #so6Sw .swiper-button-prev {
        left: -54px;
    }

    #so6Sw .swiper-button-next {
        right: -54px;
    }

    /*  */
    .so7 {
        padding-top: 60px;
        padding-bottom: 110px;
    }

    .so7U {
        margin-right: calc(-.5 * 1.4rem);
        margin-left: calc(-.5 * 1.4rem);
    }

    .so7L {
        padding-right: calc(1.4rem * .5);
        padding-left: calc(1.4rem * .5);
    }
}

@media (max-width: 1199.9px) {
    .so1 {
        --h: 72px;
    }

    .so1SwIM img {
        --h: 72px;
    }

    .so1SwIM img {
        height: auto;
    }

    /*  */
    #so5Sw .swiper-button-prev {
        left: -2%;
    }

    #so5Sw .swiper-button-next {
        right: -2%;
    }

    /*  */
    #so6Sw .swiper-button-prev {
        left: -2%;
    }

    #so6Sw .swiper-button-next {
        right: -2%;
    }
}

@media (max-width: 992px) {
    .so1SwH p {
        -webkit-text-stroke-width: 1.5px;
    }

    /*  */
    .so2 {
        padding-top: 80px;
        padding-bottom: 86px;
    }

    .so2Sa {
        flex-direction: column;
    }

    .so2_1 {
        width: 100%;
        margin-bottom: 20px;
    }

    .so2_2 {
        width: 100%;
    }

    .so2BG {
        height: 100%;
    }

    /*  */
    .so3 {
        padding: 62px 0;
    }

    .so3L {
        width: 33.333%;
    }

    /*  */
    .so7L {
        width: 50%;
    }

    .so7L:last-of-type {
        display: none;
    }
}

@media (max-width: 768px) {
    .so3L {
        width: 50%;
    }
}

@media (max-width: 499px) {
    .so1 {
        --h: 46px;
    }

    .so1SwIM img {
        --h: 46px;
    }

    .so1SwIM img {
        height: 200px;
    }

    #so1Sw .swiper-pagination {
        bottom: 10px;
    }

    .so1SwH p {
        -webkit-text-stroke-width: 1px;
    }

    #so1Sw .swiper-button-prev svg,
    #so1Sw .swiper-button-next svg {
        width: 20px;
    }

    #so1Sw .swiper-button-prev {
        left: 8px;
    }

    #so1Sw .swiper-button-next {
        right: 8px;
    }

    #so1Sw .swiper-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 6px;
    }

    .so2_2P {
        max-height: 200px;
        opacity: 1;
    }

    /*  */
    .so2 {
        padding-top: 44px;
        padding-bottom: 50px;
    }

    .so2_1 {
        margin-bottom: 6px;
    }

    .so2_1BP {
        left: 4.6%;
        top: 5.6%;
    }

    .so2_2Num {
        --w: 30px;
        margin-right: 12px;
    }

    /*  */
    .so3 {
        padding: 44px 0;
    }

    .so3H {
        margin-bottom: 8px;
    }

    .so3P {
        margin-bottom: 30px;
    }

    .so3L {
        width: 100%;
    }

    /*  */
    .so4 {
        padding-top: 58px;
        padding-bottom: 46px;
    }

    .so4::after {
        width: 100vw;
        background: linear-gradient(to left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6));
    }

    .so4H2 {
        margin-bottom: 14px;
    }

    .so4P {
        margin-bottom: 40px;
    }

    .so4A_1 {
        padding: 10px 40px;
        margin-right: 26px;
    }

    .so4A_2 {
        --w: 35px;
    }

    /*  */
    .so5 {
        padding: 40px 0;
    }

    #so5Sw .swiper-button-prev,
    #so5Sw .swiper-button-next {
        --w: 35px;
    }

    /*  */
    .so6 {
        padding-top: 40px;
        padding-bottom: 56px;
    }

    .so6H {
        margin-bottom: 6px;
    }

    .so6P {
        margin-bottom: 30px;
    }

    #so6Sw .swiper-button-prev,
    #so6Sw .swiper-button-next {
        --w: 35px;
    }

    /*  */
    .so7 {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .so7L {
        width: 100%;
        margin-bottom: 20px;
    }

    .so7LP {
        margin: 20px 0;
    }

    .so7L:last-of-type {
        display: block;
    }

    .so7LTe {
        width: 170px;
        padding: 8px 0;
    }
}

/*  */
.sub {
    padding-top: 89px;
}

.subIM {
    position: relative;
}

.subIM img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    height: 300px;
}

.subNav {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px;
}

.breadcrumb {
    margin-bottom: 0;
    align-items: center;
}

.breadcrumb-item,
.breadcrumb-item::before {
    color: #222 !important;
    font-family: carR;
    font-size: var(--zj-so1SwAP);
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

.breadcrumb-item>a {
    display: flex;
    align-items: center;
    color: #222;
    font-family: carR;
    font-size: var(--zj-so1SwAP);
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

.breadcrumb-item>a img {
    width: 22px;
    margin-right: 20px;
    padding-bottom: 4px;
}

.subPage {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.subPage>a {
    --w: 40px;
    width: var(--w);
    height: var(--w);
    background: #333;
    overflow: hidden;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
    transition: all 0.3s ease;
}

.subPage>a:hover {
    background: #188E42;
}

.subPage>a:last-of-type {
    margin-right: 0;
}

.subPage>a:first-of-type {
    margin-left: 0;
}

.subPageU {
    display: flex;
    border-radius: 50px;
    background: #333;
    height: 40px;
    align-items: center;
    padding: 0 24px;
}

.subPageL>a {
    color: #FFF;
    font-family: carB;
    font-size: var(--zj-faq2_2LP1);
    font-style: normal;
    line-height: normal;
    padding: 0 6px;
    transition: all 0.3s ease;
}

.subPageL>a:hover {
    color: #188E42;
}

@media (max-width: 1536px) {
    .sub {
        padding-top: 78px;
    }

    .subNav {
        margin-top: 18px;
    }

    .breadcrumb-item>a img {
        width: 18px;
        margin-right: 12px;
        padding-bottom: 5px;
    }

    .subPage>a {
        --w: 34px;
    }

    .subPageU {
        height: 34px;
    }
}

@media (max-width: 1199.9px) {
    .sub {
        padding-top: 72px;
    }
}

@media (max-width: 499px) {
    .sub {
        padding-top: 46px;
    }

    .subIM img {
        height: 164px;
    }

    .subNav {
        margin-top: 12px;
    }

    .subPage>a {
        --w: 30px;
    }

    .subPageU {
        height: 30px;
    }
}

/* con */
.con {
    padding-top: 26px;
    padding-bottom: 148px;
}

.con1 {
    margin-bottom: 50px;
}

.con1H {
    margin-bottom: 10px;
}

.con1H p {
    color: #F60;
    font-family: ant;
    font-size: var(--zj-so2_1B);
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

.con1H span {
    color: #188E42;
}

.con1P p {
    color: #188E42;
    font-family: carB;
    font-size: var(--zj-so2_2H);
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
}

.con2 {
    display: flex;
    background: #F6F6F6;
    justify-content: space-between;
}

.con2_1 {
    width: 42.76%;
    padding: 4.3% 4.6% 3.8% 3%;
}

.con2_1Bo {
    display: flex;
}

.con2_1IC {
    width: 45px;
    flex: 0 0 auto;
    margin-right: 35px;
}

.con2_1IC img {
    width: 100%;
}

.con2_1TE {
    width: calc(100% - 80px);
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 36px;
}

.con2_1TE::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #CCC;
    left: 0;
    bottom: 0;
}

.con2_1Bo:nth-of-type(3) .con2_1TE {
    margin-bottom: 0;
    padding-bottom: 42px;
}

.con2_1Bo:nth-of-type(3) .con2_1TE::after {
    display: none;
}

.con2_1TEH {
    padding-top: 2px;
    margin-bottom: 5px;
}

.con2_1TEH p {
    color: #188E42;
    font-family: ant;
    font-size: var(--zj-con2_1TEH);
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

.con2_1TEP p {
    width: 420px;
    max-width: 100%;
    color: #222;
    font-family: carR;
    font-size: var(--zj-so2_2Num);
    font-style: normal;
    line-height: calc(var(--zj-so2_2Num) * 1.6);
}

.con2_1TEPa {
    display: block;
}

.con2_1TEPa span {
    color: #222;
    font-family: carR;
    font-size: var(--zj-so2_2Num);
    font-style: normal;
    line-height: calc(var(--zj-so2_2Num) * 1.6);
}

.con2_1Sh {
    padding-left: 12%;
}

.con2_1Sh .a2a_kit>a {
    margin-right: 14px;
    padding: 0;
}

.con2_1Sh .a2a_kit>a img {
    width: 30px;
}

.con2_2 {
    width: 57.24%;
    flex: 0 0 auto;
}

.con2_2IM {
    height: 100%;
}

.con2_2IM img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 1536px) {
    .con {
        padding-bottom: 104px;
    }

    .con1H {
        margin-bottom: 8px;
    }

    .con2_1 {
        width: 44.76%;
        padding: 2.3% 1.6% 2.8% 2%;
    }

    .con2_1IC {
        width: 39px;
        margin-right: 16px;
    }

    .con2_1TE {
        padding-bottom: 24px;
        margin-bottom: 30px;
    }

    .con2_2 {
        width: 55.24%;
    }
}

@media (max-width: 992px) {
    .con2 {
        flex-direction: column;
    }

    .con2_1 {
        width: 100%;
    }

    .con2_1Sh {
        padding-left: 6%;
    }

    .con2_2 {
        width: 100%;
    }
}

@media (max-width: 499px) {
    .con {
        padding-top: 18px;
        padding-bottom: 52px;
    }

    .con1 {
        margin-bottom: 30px;
    }

    .con2_1 {
        padding: 4.3% 12px 8%;
    }

    .con2_1IC {
        width: 35px;
        margin-right: 12px;
    }

    .con2_1TE {
        padding-bottom: 16px;
        margin-bottom: 20px;
        width: calc(100% - 48px);
    }

    .con2_1Bo:nth-of-type(3) .con2_1TE {
        padding-bottom: 28px;
    }

    .con2_1Sh {
        padding-left: 14%;
    }
}

/*  */
.faq {
    padding-bottom: 165px;
}

.faq1 {
    margin-bottom: 56px;
}

.faq2 {
    display: flex;
    justify-content: space-between;
}

.faq2_1 {
    width: 44%;
    flex: 0 0 auto;
    background: #F9F9F9;

}

.faq2_1IMg img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.faq2_1H {
    margin-bottom: 15px;
    padding-top: 98px;
}

.faq2_1H p {
    color: #000;
    font-family: carB;
    font-size: var(--zj-so2_1B);
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    text-align: center;
}

.faq2_1P {
    margin-bottom: 50px;
}

.faq2_1P p {
    color: #444;
    text-align: center;
    font-family: carR;
    font-size: var(--zj-so2_2Num);
    font-style: normal;
    line-height: normal;
}

.faq2_1Fr form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.faq2_1Fr input {
    color: #444;
    font-family: carR;
    text-align: center;
    font-size: var(--zj-so1SwAP);
    font-style: normal;
    line-height: normal;
    transition: all 0.5s ease;
    border-radius: 50px;
    border: 1px dashed #CCC;
    width: calc(100% - 100px);
    background: transparent;
    padding: 12px;
    margin: auto;
    margin-bottom: 30px;
}

.faq2_1Fr input::-webkit-input-placeholder {
    color: #444444be;
}

.faq2_1Fr input:-moz-placeholder {
    color: #444444be;
}

.faq2_1Fr input::-moz-placeholder {
    color: #444444be;
}

.faq2_1Fr input:-ms-input-placeholder {
    color: #444444be;
}

.faq2_1Fr button {
    color: #FFF;
    font-family: carR;
    font-size: var(--zj-ven2_LA);
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 50px;
    background: #F60;
    padding: 9px 50px;
    margin-bottom: 143px;
}

.faq2_2 {
    width: calc(56% - 50px);
    position: relative;
}

.faq2_2B {
    max-height: calc(150px * 6);
    overflow-y: hidden;
    scroll-behavior: smooth;
}

.faq2_2U {
    margin-bottom: 28px;
    transition: all 0.3s ease;
}

.faq2_2L {
    position: relative;
    transition: all 0.3s ease;
}

.faq2_2L:hover {
    background: #d4d4d4;
}

.faq2_2L::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #F9F9F9;
    left: 0;
    bottom: 0;
}

.faq2_2LA {
    padding: 40px 30px;
    display: flex;
    align-items: center;
}

.faq2_2L1 {
    width: 60px;
    flex: 0 0 auto;
    position: relative;
    margin-right: 40px;
}

.faq2_2L1::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: #DDD;
    transition: all 0.3s ease;
    right: 0;
    top: 0;
}

.faq2_2LA:hover .faq2_2L1::after {
    background: rgba(241, 241, 241, 0.6);
}

.faq2_2L1 p {
    color: #188E42;
    font-family: ant;
    font-size: var(--zj-faq2_2L1);
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.faq2_2LA:hover .faq2_2L1 p {
    color: #FFF;
}

.faq2_2LP1 {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}

.faq2_2LP1 span {
    color: #FFF;
    font-family: carB;
    font-size: var(--zj-faq2_2LP1);
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    --w: 25px;
    width: var(--w);
    height: var(--w);
    background: #0096E0;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
    flex: 0 0 auto;
}

.faq2_2LP1 p {
    color: #000;
    font-family: carB;
    font-size: var(--zj-so2_2H);
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    transition: all 0.3s ease;
}

.faq2_2LA:hover .faq2_2LP1 p {
    color: #FFF;
}

.faq2_2LP2 {
    display: flex;
    align-items: center;
}

.faq2_2LP2 span {
    color: #FFF;
    font-family: carB;
    font-size: var(--zj-faq2_2LP1);
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    --w: 25px;
    width: var(--w);
    height: var(--w);
    background: #188E42;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
    flex: 0 0 auto;
}

.faq2_2LP2 p {
    color: #444;
    font-family: carR;
    font-size: var(--zj-ven2_LA);
    font-style: normal;
    line-height: calc(var(--zj-ven2_LA) * 1.33);
    transition: all 0.3s ease;
}

.faq2_2LA:hover .faq2_2LP2 p {
    color: #FFF;
}

.faq2_2Ch {
    position: absolute;
    display: flex;
    align-content: center;
    right: 0;
    bottom: -62px;
}

.faq2_2ChA {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #999;
    width: 45px;
    height: 45px;
    transition: all 0.3s ease;
    margin-left: 10px;
}

.faq2_2ChA:hover {
    background: #F60;
}

@media (max-width: 1536px) {
    .faq2_1Fr button {
        margin-bottom: 60px;
    }

    .faq2_2 {
        width: calc(56% - 20px);
    }

    .faq2_2B {
        max-height: calc(114px * 6);
    }

    .faq2_2LA {
        padding: 24px 20px;
    }

    .faq2_2L1 {
        width: 50px;
        margin-right: 26px;
    }

    .faq2_2ChA {
        width: 39px;
        height: 39px;
    }
}

@media (max-width: 992px) {
    .faq2 {
        flex-direction: column;
    }

    .faq2_1 {
        width: 100%;
        margin-bottom: 20px;
    }

    .faq2_2 {
        width: 100%;
    }
}

@media (max-width: 499px) {
    .faq {
        padding-bottom: 108px;
    }

    .faq1 {
        margin-bottom: 30px;
    }

    .faq2_1H {
        margin-bottom: 10px;
        padding-top: 30px;
    }

    .faq2_1P {
        margin-bottom: 34px;
    }

    .faq2_1P p {
        font-size: 14px;
    }

    .faq2_1Fr input {
        width: calc(100% - 66px);
        padding: 6px;
        margin-bottom: 20px;
    }

    .faq2_1Fr button {
        padding: 6px 40px;
        margin-bottom: 38px;
    }

    .faq2_2B {
        max-height: calc(263px * 3);
    }

    .faq2_2LA {
        padding: 14px 12px;
    }

    .faq2_2L1 {
        width: 34px;
        margin-right: 12px;
    }

    .faq2_2L1 p {
        font-size: 26px;
    }

    .faq2_2LP1 {
        margin-bottom: 5px;
    }

    .faq2_2LP1 span,
    .faq2_2LP2 span {
        margin-right: 14px;
    }

    .faq2_2ChA {
        width: 35px;
        height: 35px;
    }
}

/*  */
.ne {
    padding-bottom: 180px;
}

.ne1 {
    padding-bottom: 50px;
}

.ne2U {
    margin-right: calc(-.5 * 2.8rem);
    margin-left: calc(-.5 * 2.8rem);
    margin-bottom: 26px;
}

.ne2L {
    padding-right: calc(2.8rem * .5);
    padding-left: calc(2.8rem * .5);
    margin-bottom: 54px;
}

.ne2LIM {
    overflow: hidden;
}

.ne2LIM img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    transition: all 0.3s ease;
}

.ne2LA:hover .ne2LIM img {
    transform: scale(1.08);
}

.ne2LP {
    margin: 30px 0;
}

.ne2LP p {
    color: #222;
    font-family: carB;
    font-size: var(--zj-so2_2Num);
    font-style: normal;
    line-height: calc(var(--zj-so2_2Num) * 1.3);
    min-height: calc(var(--zj-so2_2Num) * 1.3 * 2);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 25px;
}

.ne2LTeB {
    display: flex;
    align-items: center;
    padding: 0 25px;
}

.ne2LTe {
    border-radius: 50px;
    background: #999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 46px;
    transition: all 0.3s ease;
}

.ne2LA:hover .ne2LTe {
    background: #188E42;
}

.ne2LIC {
    width: 14px;
    flex: 0 0 auto;
    margin-right: 20px;
    display: flex;
}

.ne2LIC img {
    width: 100%;
}

.ne2LTeP p {
    color: #FFF;
    font-family: carR;
    font-size: var(--zj-so1SwAP);
    font-style: normal;
    line-height: normal;
}

@media (max-width: 1536px) {
    .ne {
        padding-bottom: 90px;
    }

    .ne1 {
        padding-bottom: 40px;
    }

    .ne2U {
        margin-right: calc(-.5 * 1.4rem);
        margin-left: calc(-.5 * 1.4rem);
    }

    .ne2L {
        padding-right: calc(1.4rem * .5);
        padding-left: calc(1.4rem * .5);
    }

    .ne2LP {
        margin: 16px 0;
    }

    .ne2LP p {
        padding: 0 12px;
    }

    .ne2LTeB {
        padding: 0 12px;
    }
}

@media (max-width: 992px) {
    .ne2L {
        width: 50%;
    }

    .ne2LTe {
        padding: 8px 26px;
    }
}

@media (max-width: 499px) {
    .ne {
        padding-bottom: 50px;
    }

    .ne1 {
        padding-bottom: 30px;
    }

    .ne2U {
        margin-bottom: 12px;
    }

    .ne2L {
        width: 100%;
        margin-bottom: 30px;
    }
}

/*  */
.hon {
    padding-bottom: 0;
}

.hon1 {
    margin-bottom: 50px;
}

.hon2_1 {
    position: relative;
    margin-bottom: 70px;
}

#hon2_1 {
    overflow: hidden;
}

.hon2_1IM {
    margin-bottom: 15px;
    background: #C6C6C6;
}

.hon2_1IM img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.hon2_1P p {
    color: #000;
    font-family: carR;
    font-size: var(--zj-ven2_LA);
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.swiper-buttonB {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

#hon2_1 .swiper-button-prev,
#hon2_1 .swiper-button-next {
    --w: 40px;
    width: var(--w);
    height: var(--w);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #333;
    transition: all 0.3s ease;
    position: relative;
    opacity: 1;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    margin: 0 7px;
}

#hon2_1 .swiper-button-prev:hover,
#hon2_1 .swiper-button-next:hover {
    background: #188E42;
}

#hon2_1 .swiper-button-prev::after,
#hon2_1 .swiper-button-next::after {
    content: "";
}

.hon2_2 {
    background: url(../../app/images/hon2bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 55px;
    padding-bottom: 103px;
}

.hon2_2Sa {
    position: relative;
}

#hon2_2 {
    width: 300px;
    margin: 0 auto;
}

.hon2_2IM img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.hon2_2P {
    margin-top: 20px;
    transition: all 0.3s ease;
    opacity: 0;
}

#hon2_2 .swiper-slide-active .hon2_2P {
    opacity: 1;
}

.hon2_2P p {
    color: #000;
    font-family: carR;
    font-size: var(--zj-ven2_LA);
    text-align: center;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
}

#hon2_2 .swiper-button-prev,
#hon2_2 .swiper-button-next {
    --w: 40px;
    width: var(--w);
    height: var(--w);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #999;
    transition: all 0.3s ease;
}

#hon2_2 .swiper-button-prev {
    left: 15%;
}

#hon2_2 .swiper-button-next {
    right: 15%;
}

#hon2_2 .swiper-button-prev:hover,
#hon2_2 .swiper-button-next:hover {
    background: #188E42;
}

#hon2_2 .swiper-button-prev::after,
#hon2_2 .swiper-button-next::after {
    content: "";
}

@media (max-width: 1536px) {
    .hon1 {
        margin-bottom: 40px;
    }

    .hon2_1 {
        margin-bottom: 30px;
    }

    #hon2_1 .swiper-button-prev,
    #hon2_1 .swiper-button-next {
        --w: 34px;
    }

    .hon2_2 {
        padding-top: 50px;
        padding-bottom: 72px;
    }

    #hon2_2 .swiper-button-prev,
    #hon2_2 .swiper-button-next {
        --w: 34px;
    }
}

@media (max-width: 992px) {
    #hon2_2 {
        width: 250px;
    }
}

@media (max-width: 499px) {
    .hon1 {
        margin-bottom: 30px;
    }

    .hon2_1IM {
        margin-bottom: 10px;
    }

    .swiper-buttonB {
        margin-top: 30px;
    }

    #hon2_1 .swiper-button-prev,
    #hon2_1 .swiper-button-next {
        --w: 30px;
        margin: 0 5px;
    }

    .hon2_2 {
        padding-top: 20px;
        padding-bottom: 40px;
    }

    #hon2_2 {
        width: 206px;
    }

    #hon2_2 .swiper-button-prev,
    #hon2_2 .swiper-button-next {
        --w: 30px;
    }

    #hon2_2 .swiper-button-prev {
        left: 4%;
    }

    #hon2_2 .swiper-button-next {
        right: 4%;
    }
}


/*  */
.ab {
    padding-bottom: 240px;
}

.abSa {
    padding-bottom: 74px;
}

.ab2P {
    padding-top: 20px;
    padding-bottom: 40px;
}

.ab2P p {
    color: #444;
    font-family: carR;
    font-size: var(--zj-so2_2Num);
    font-style: normal;
    line-height: calc(var(--zj-so2_2Num) * 1.6);
}

.ab2Bt {
    display: flex;
    align-items: center;
    margin-bottom: 60px;
}

.ab2BtA {
    display: flex;
    align-items: center;
    position: relative;
}

.ab2BtA>a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.ab2Bt_1 {
    --w: 46px;
    position: relative;
    border-radius: 50px;
    background: #188E42;
    width: var(--w);
    height: var(--w);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
    flex: 0 0 auto;
}

.ab2Bt_1im {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 140%;
    height: 140%;
    pointer-events: none;
    animation: rotation 8s linear infinite;
}

.ab2Bt_1im img {
    width: 100%;
}

.ab2Bt_2 span {
    color: #188E42;
    font-family: carB;
    font-size: var(--zj-so2_2Num);
    font-style: normal;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: capitalize;
}

.ab2U {
    margin-right: calc(-.5 * 2.5rem);
    margin-left: calc(-.5 * 2.5rem);
}

.ab2L {
    margin-bottom: 26px;
    padding-right: calc(2.5rem * .5);
    padding-left: calc(2.5rem * .5);
}

.ab2LIM {
    margin-bottom: 20px;
    overflow: hidden;
}

.ab2LIM img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    transition: all 0.3s ease;
}

.title-inquiry-info .substitite {
    display: none;
}

.tiresdetails .details .inquiry .inquiry-from .product-input .input-box {
    background-color: #188E42 !important;
}

.ab2LB:hover .ab2LIM img {
    transform: scale(1.1);
}

.ab2LP p {
    color: #111;
    text-align: center;
    font-family: carR;
    font-size: var(--zj-ven2_LA);
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ab3 {
    background: url(../images/ab3bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 103px;
    /* padding-bottom: 168px; */
}

.ab3P {
    margin-bottom: 50px;
}

.ab3P p {
    color: #F60;
    text-align: center;
    font-family: ant;
    font-size: var(--zj-so2_1B);
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

.ab3P span {
    color: #188E42;
}

.ab3Sw {
    position: relative;
    padding-bottom: 90px;
}

.ab3Sw .history-for {
    max-width: 1440px;
    margin: 0 auto;
    margin-bottom: 100px;
}

.ab3Sw1 {
    display: flex;
    align-items: center;
    border-radius: 5px;
    background: #FFF;
    overflow: hidden;
}

.ab3Sw1_1 {
    width: 37.5%;
    flex: 0 0 auto;
    border-radius: 5px;
    overflow: hidden;
}

.ab3Sw1_1 img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.ab3Sw1_2 {
    width: 62.5%;
    flex: 0 0 auto;
    padding: 30px 5%;
}

.ab3Sw1_2 p {
    color: #333;
    font-family: carB;
    font-size: var(--zj-so2_2Num);
    font-style: normal;
    line-height: calc(var(--zj-so2_2Num) * 1.5);
    text-transform: capitalize;
}

/*  */
.ab3Sw .history-for .slick-prev,
.ab3Sw .history-for .slick-next {
    position: absolute;
    border-radius: 50px;
    background: #F60;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    transition: all 0.3s ease;
}

.ab3Sw .history-for .slick-prev:hover,
.ab3Sw .history-for .slick-next:hover {
    background: #188E42;
}

.ab3Sw .history-for .slick-prev {
    left: -6.4%;
}

.ab3Sw .history-for .slick-next {
    right: -6.4%;
}

/*  */
.title-history-top {
    color: #F60;
    font-family: ant;
    font-size: calc(var(--zj-faq2_2L1) + 2px);
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 65px;
    opacity: 0;
    transition: all 0.3s ease;
}

.slick-current .title-history-top {
    opacity: 1;
}

.title-history-bottom {
    color: #00792B;
    font-family: ant;
    font-size: var(--zj-con2_1TEH);
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.slick-current .title-history-bottom {
    opacity: 0;
}

.slick-history-nav .item {
    position: relative;
    text-align: center;
}

.slick-history-nav .item::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #FFAE78;
    border: 6px solid #F60;
    z-index: 12;
}

.slick-history-nav .item::after {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 2px;
    background: #E1EFE6;
}



.ab4 {
    padding-top: 110px;
}

.ab4_1,
.ab4_2 {
    display: flex;
    background: #F6F6F6;
    justify-content: space-between;
}

/* .ab4_1 {
    margin-bottom: 80px;
} */
.ab4Sa>div {
    margin-bottom: 80px;
}

.ab4Sa>div:last-child {
    margin-bottom: 0;
}

.ab4IM {
    width: 42%;
    flex: 0 0 auto;
}

.ab4IM img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.ab4Te {
    width: 58%;
    padding: 6% 4.2% 2% 5.8%;
}

.ab4TeH {
    margin-bottom: 20px;
}

.ab4TeH p {
    color: #188E42;
    font-family: carB;
    font-size: var(--zj-ab4TeH);
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
}

.ab4TeP p {
    color: #444;
    font-family: carR;
    font-size: var(--zj-so2_2Num);
    font-style: normal;
    line-height: calc(var(--zj-so2_2Num) * 1.6);
}

@media (max-width:1536px) {
    .abSa {
        padding-bottom: 52px;
    }

    .ab2Bt_1 {
        --w: 40px;
        margin-right: 22px;
    }

    .ab2U {
        margin-right: calc(-.5 * 1.2rem);
        margin-left: calc(-.5 * 1.2rem);
    }

    .ab2L {
        margin-bottom: 22px;
        padding-right: calc(1.2rem * .5);
        padding-left: calc(1.2rem * .5);
    }

    /*  */
    .ab3 {
        padding-top: 66px;
        /* padding-bottom: 80px; */
    }

    .ab3P {
        margin-bottom: 40px;
    }

    .ab3Sw {
        padding-bottom: 80px;
    }

    .ab3Sw1_1 {
        width: 41.5%;
    }

    .ab3Sw1_2 {
        width: 58.5%;
    }

    .ab3Sw .history-for {
        margin-bottom: 62px;
    }

    .ab3Sw .history-for .slick-prev,
    .ab3Sw .history-for .slick-next {
        width: 39px;
        height: 39px;
    }

    .slick-history-nav .item::before {
        position: absolute;
        content: "";
        width: 15px;
        height: 15px;
    }

    .title-history-top {
        margin-bottom: 40px;
    }

    /*  */
    .ab {
        padding-bottom: 110px;
    }

    .ab4 {
        padding-top: 92px;
    }

    .ab4Te {
        padding: 2% 2.2% 2% 3.8%;
    }

    .ab4IM img {
        height: 100%;
    }
}

@media (max-width:1199.9px) {
    .ab3Sw .history-for .slick-prev {
        left: -3.4%;
    }

    .ab3Sw .history-for .slick-next {
        right: -3.4%;
    }
}

@media (max-width:992px) {
    .ab2L {
        width: 33.333%;
    }

    /*  */
    .ab3Sw1 {
        flex-direction: column;
    }

    .ab3Sw1_1 {
        width: 100%;
    }

    .ab3Sw1_2 {
        width: 100%;
    }

    /*  */
    .ab4_1 {
        flex-direction: column;
    }

    .ab4_2 {
        flex-direction: column-reverse;
    }

    .ab4IM {
        width: 100%;
    }
}

@media (max-width:768px) {
    .ab2L {
        width: 50%;
    }
}

@media (max-width:499px) {
    .abSa {
        padding-bottom: 24px;
    }

    .ab2Bt {
        margin-bottom: 30px;
    }

    .ab2Bt_1 {
        --w: 36px;
        margin-right: 22px;
    }

    .ab2P {
        padding-bottom: 30px;
    }

    .ab2U {
        margin-right: calc(-.5 * 0.8rem);
        margin-left: calc(-.5 * 0.8rem);
    }

    .ab2L {
        margin-bottom: 22px;
        padding-right: calc(0.8rem * .5);
        padding-left: calc(0.8rem * .5);
    }

    .ab2LIM {
        margin-bottom: 14px;
    }

    /*  */
    .ab3 {
        padding-top: 34px;
        /* padding-bottom: 32px; */
    }

    .ab3P {
        margin-bottom: 26px;
    }

    .ab3Sw {
        padding-bottom: 32px;
    }

    .ab3Sw1_2 {
        padding: 16px 4%;
    }

    .ab3Sw .history-for {
        margin-bottom: 28px;
    }

    .ab3Sw .history-for .slick-prev,
    .ab3Sw .history-for .slick-next {
        width: 35px;
        height: 35px;
    }

    .title-history-top {
        font-size: 26px;
        margin-bottom: 30px;
    }

    /*  */
    .ab {
        padding-bottom: 44px;
    }

    .ab4 {
        padding-top: 36px;
    }

    /* .ab4_1 {
        margin-bottom: 30px;
    } */
    .ab4Sa>div {
        margin-bottom: 30px;
    }

    .ab4Sa>div:last-child {
        margin-bottom: 0;
    }

    .ab4TeH {
        margin-bottom: 10px;
    }
}

/*  */

/* ---- */
.subPro {
    position: absolute;
    left: 50%;
    top: 44%;
    transform: translate(-50%, -50%);
    display: none;
}

.subProH {
    margin-bottom: 20px;
}

.subProH p {
    color: #FFF;
    font-family: ant;
    font-size: var(--zj-so1SwH);
    font-style: normal;
    line-height: calc(var(--zj-so1SwH) * 1.46);
    text-transform: uppercase;
}

.subProP p {
    color: #FFF;
    font-family: carB;
    font-size: var(--zj-so2_2H);
    font-style: normal;
    line-height: calc(var(--zj-so2_2H) * 1.41);
    width: 681px;
    max-width: 100%;
}

/*  */
.pro1 {
    padding-top: 26px;
    padding-bottom: 50px;
}

.pro1H {
    margin-bottom: 5px;
}

.pro1H p {
    color: #F60;
    font-family: ant;
    font-size: var(--zj-so2_1B);
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

.pro1H span {
    color: #188E42;
}

.pro1P p {
    width: 1297px;
    max-width: 100%;
    color: #444;
    font-family: carR;
    font-size: var(--zj-so2_2Num);
    font-style: normal;
    line-height: calc(var(--zj-so2_2Num) * 1.6);
}

.pro2 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 200px;
}

.pro2_1 {
    width: 360px;
    max-width: 24%;
    flex: 0 0 auto;
    position: sticky;
    top: 100px;
}

.pro2_1L {
    cursor: pointer;
}

.pro2_1LA {
    display: flex;
    align-items: center;
    border-radius: 0px 50px 50px 0px;
    border: 1px dashed #DDD;
    background: #FFF;
    padding: 12px 12px 12px 20px;
    margin-bottom: 5px;
    transition: all 0.3s ease;
}

.pro2_1L .pro2_1LA:hover {
    background: #188E42;
    border: 1px dashed #188E42;
}

.pro2_1L.on .pro2_1LA {
    background: #188E42;
    border: 1px dashed #188E42;
}

.pro2_1LA>span {
    width: 6px;
    flex: 0 0 auto;
    margin-right: 20px;
    display: flex;
}

.pro2_1LA>span svg {
    width: 100%;
}

.pro2_1LA>span svg circle {
    transition: all 0.3s ease;
}

.pro2_1LA:hover>span svg circle {
    fill: #FFF;
}

.pro2_1L.on .pro2_1LA>span svg circle {
    fill: #FFF;
}

.pro2_1LA>p {
    color: #000;
    font-family: carB;
    font-size: var(--zj-ven2_LA);
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    transition: all 0.3s ease;
}

.pro2_1LA:hover>p {
    color: #FFF;
}

.pro2_1L.on .pro2_1LA>p {
    color: #FFF;
}

.pro2_1LB {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.5s ease;
}

.pro2_1L.on .pro2_1LB {
    max-height: 400px;
    opacity: 1;
}

.pro2_1LBS {
    padding: 15px 12px 30px 45px;
}

.pro2_1LBSAA {
    display: block;
}

.pro2_1LBSAA>span {
    color: #222;
    font-family: carR;
    font-size: var(--zj-so1SwAP);
    font-style: normal;
    line-height: calc(var(--zj-so1SwAP) * 1.75);
    text-transform: capitalize;
    --size: 1px;
    --color: #188E42;
    text-decoration: none;
    background-image: linear-gradient(var(--color), var(--color));
    background-size: 0% var(--size);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    transition-property: background-size, color, opacity;
    transition-duration: 0.5s;
    transition-timing-function: cubic-beizer(0.4, 0, 0.2, 1);
}

.pro2_1LBSAA:hover>span {
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
    color: #188E42;
}

.pro2_1LBSAA.on>span {
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
    color: #188E42;
}

.pro2_2 {
    width: 74%;
    flex: 0 0 auto;
}

.pro2_2 .subPage {
    justify-content: center;
}

.pro2_2 .so3U {
    margin-bottom: 50px;
}

@media (max-width: 1536px) {
    .subSp .subIM img {
        min-height: 300px;
    }

    .pro1 {
        padding-top: 16px;
        padding-bottom: 40px;
    }

    .pro2_1LA {
        padding: 10px 10px 10px 12px;
    }

    .pro2_1LA>span {
        margin-right: 12px;
    }

    .pro2_1LBS {
        padding: 7px 10px 28px 30px;
    }
}

@media (max-width: 992px) {
    .pro2 {
        flex-direction: column;
        padding-bottom: 98px;
    }

    .pro2_1 {
        width: 100%;
        max-width: 100%;
        position: relative;
        top: 0;
        margin-bottom: 20px;
    }

    .pro2_2 {
        width: 100%;
    }
}

@media (max-width: 499px) {
    .subSp .subIM img {
        min-height: 250px;
    }

    .subPro {
        top: 48%;
    }

    .subProH {
        margin-bottom: 8px;
    }

    .pro1 {
        padding-top: 12px;
        padding-bottom: 30px;
    }

    .pro2 {
        padding-bottom: 54px;
    }

    .pro2_1LBS {
        padding: 4px 10px 20px 30px;
    }

    .pro2_2 .so3U {
        margin-bottom: 26px;
    }
}

/*  */
.proD1 {
    margin-bottom: 90px;
    padding-top: 46px;
}

.proD1Sa {
    display: flex;
    justify-content: space-between;
}

.pro1_1Sw1,
.pro1_1Sw2 {
    position: relative;
}

#proDeSw_1,
#proDeSw_2 {
    overflow: hidden;
}

.pro1_1Sw1 {
    margin-bottom: 15px;
}

.proD1_1 {
    width: 620px;
    margin-right: 20px;
    max-width: 41%;
    flex: 0 0 auto;
}

#proDeSw_2 .somaSwImg {
    border: 1px solid #D9D9D9;
    transition: all 0.3s ease;
}

#proDeSw_2 .swiper-slide.on .somaSwImg {
    border: 1px solid #188E42;
}

.somaSwImg img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

#swiper-button-prev,
#swiper-button-next {
    --w: 45px;
    width: var(--w);
    height: var(--w);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #999;
    transition: all 0.3s ease;
    opacity: 1;
}

#swiper-button-prev:hover,
#swiper-button-next:hover {
    background: #188E42;
}

#swiper-button-prev::after,
#swiper-button-next::after {
    content: "";
}

/*  */
.proD1_2 {
    width: 59%;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.proD1_2H {
    background: #188E42;
    padding: 12px 54px;
}

.proD1_2H p {
    color: #FFF;
    font-family: carB;
    font-size: var(--zj-so2_2Num);
    font-style: normal;
    line-height: calc(var(--zj-so2_2Num) * 1.2);
}

.proD1_2TeB {
    padding: 36px 54px 0;
}

.proD1_2P1 p {
    color: #222;
    font-family: carB;
    font-size: var(--zj-ven2_LA);
    font-style: normal;
    line-height: calc(var(--zj-ven2_LA) * 1.55);
}

.proD1_2P2 {
    margin-bottom: 118px;
}

.proD1_2P2 p {
    color: #222;
    font-family: carR;
    font-size: var(--zj-ven2_LA);
    font-style: normal;
    line-height: calc(var(--zj-so1SwAP) * 1.55);
}

.proD1_2Bt {
    margin-bottom: 45px;
}

.proD1_2Bt {
    display: flex;
    align-items: center;
}

.proD1_2BtB>a {
    width: 200px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.proD1_2Bt1>a {
    background: #188E42;
    margin-right: 20px;
    cursor: pointer;
}

.proD1_2Bt2>a {
    background: #333;
}

.proD1_2BtB>a p {
    color: #FFF;
    font-family: carB;
    font-size: var(--zj-so1SwAP);
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

.proD1_2Sh {
    display: flex;
    align-items: center;
}

.proD1_2Sh p {
    color: #000;
    font-family: carR;
    font-size: var(--zj-so3LA);
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    margin-right: 28px;
    flex: 0 0 auto;
}

.proD1_2Sh>.a2a_kit a {
    transition: all 0.3s ease;
}

.proD2 {
    background: #188E42;
    position: sticky;
    top: 84px;
    z-index: 12;
}

.proD2U {
    display: flex;
    align-items: center;
}

.proD2L {
    margin-right: 90px;
}

.proD2LA {
    display: block;
    padding: 18px 0;
}

.proD2LA span {
    color: #FFF;
    font-family: carR;
    font-size: var(--zj-ven2_LA);
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    transition: all 0.3s ease;
    --size: 1px;
    --color: #FFF;
    text-decoration: none;
    background-image: linear-gradient(var(--color), var(--color));
    background-size: 0% var(--size);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    transition-property: background-size, color, opacity;
    transition-duration: 0.5s;
    transition-timing-function: cubic-beizer(0.4, 0, 0.2, 1);
}

.proD2LA:hover span {
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
}

.proD2L.action .proD2LA span {
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
}

.proD3 {
    margin-bottom: 90px;
}

.proD3PB {
    margin-bottom: 20px;
}

.proD3H {
    padding-top: 60px;
    padding-bottom: 20px;
}

.proD3H p {
    color: #F60;
    font-family: ant;
    font-size: var(--zj-so2_1B);
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

.proD3H p span {
    color: #188E42;
}

.proD3P h3 {
    color: #222;
    font-family: carB;
    font-size: var(--zj-so2_2Num);
    font-style: normal;
    line-height: calc(var(--zj-so2_2Num) * 1.6);
}

.table-box {
    overflow-x: scroll;
}

.proD3P table {
    width: 100% !important;
    min-width: 850px;
}

.proD3P p {
    color: #222;
    font-family: carR;
    font-size: var(--zj-ven2_LA);
    font-style: normal;
    line-height: calc(var(--zj-ven2_LA) * 1.55);
}

.proD3P img,
.proD3P p img {
    max-width: 100%;
}

.proD4 {
    padding-bottom: 120px;
}

.proD4H {
    margin-bottom: 40px;
}

.proD4H p {
    color: #F60;
    font-family: ant;
    font-size: var(--zj-so2_1B);
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

.proD4H p span {
    color: #188E42;
}

.proD4Sw {
    position: relative;
}

#proD4Sw {
    overflow: hidden;
}

#proD4Sw .swiper-button-prev,
#proD4Sw .swiper-button-next {
    --w: 45px;
    width: var(--w);
    height: var(--w);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #999;
    transition: all 0.3s ease;
    opacity: 1;
    top: -18.6%;
    z-index: 12;
}

#proD4Sw .swiper-button-prev:hover,
#proD4Sw .swiper-button-next:hover {
    background: #188E42;
}

#proD4Sw .swiper-button-prev {
    left: auto;
    right: 55px;
}

#proD4Sw .swiper-button-next {
    right: 0;
}

#proD4Sw .swiper-button-prev::after,
#proD4Sw .swiper-button-next::after {
    content: "";
}

@media (max-width: 1536px) {
    .proD1 {
        margin-bottom: 66px;
        padding-top: 30px;
    }

    .proD1_2 {
        width: 56%;
    }

    .proD1_2H {
        background: #188E42;
        padding: 10px 24px;
    }

    .proD1_2TeB {
        padding: 18px 24px 0;
    }

    .proD1_2P2 {
        margin-bottom: 30px;
    }

    .proD1_2BtB>a {
        width: 162px;
        height: 36px;
    }

    .proD1_2Bt {
        margin-bottom: 26px;
    }

    .proD2L {
        margin-right: 46px;
    }

    .proD2LA {
        padding: 14px 0;
    }

    #swiper-button-prev,
    #swiper-button-next {
        --w: 39px;
    }

    .proD4 {
        padding-bottom: 86px;
    }

    #proD4Sw .swiper-button-prev,
    #proD4Sw .swiper-button-next {
        --w: 39px;
        top: -24.6%;
    }
}

@media (max-width: 992px) {
    .proD1Sa {
        flex-direction: column;
    }

    .proD1_1 {
        width: 100%;
        margin-right: 0;
        max-width: 100%;
        margin-bottom: 30px;
    }

    .proD1_2 {
        width: 100%;
    }
}

@media (max-width: 499px) {

    #swiper-button-prev,
    #swiper-button-next {
        --w: 35px;
    }

    .proD1 {
        margin-bottom: 50px;
        padding-top: 16px;
    }

    .proD1_1 {
        margin-bottom: 20px;
    }

    .proD1_2H {
        padding: 10px 12px;
    }

    .proD1_2TeB {
        padding: 16px 12px 0;
    }

    .proD1_2BtB>a {
        width: 126px;
        height: 32px;
        margin-right: 12px;
    }

    .proD1_2P2 {
        margin-bottom: 24px;
    }

    .proD1_2Sh p {
        margin-right: 12px;
    }

    .proD2L {
        margin-right: 10px;
    }

    .proD3 {
        margin-bottom: 50px;
    }

    .proD3H {
        padding-top: 34px;
        padding-bottom: 10px;
    }

    .proD3PB {
        margin-bottom: 8px;
    }

    #proD4Sw .swiper-button-prev,
    #proD4Sw .swiper-button-next {
        --w: 35px;
        top: calc(-15.2% + 20px);
    }

    .proD4H {
        margin-bottom: 20px;
    }

    .proD4 {
        padding-bottom: 46px;
    }

    #proD4Sw .swiper-button-prev {
        left: auto;
        right: 42px;
    }
}



#footer {
    background: #188E42;
    padding-top: 118px;
    padding-bottom: 48px;
}

.ftSa {
    display: flex;
    justify-content: space-between;
    padding-bottom: 70px;
}

.ft1 {
    width: 40%;
    flex: 0 0 auto;
}

.ft1_1Im {
    width: 206px;
    margin-bottom: 28px;
}

.ft1_1Im img {
    width: 100%;
}

.ft1_1P {
    margin-bottom: 60px;
}

.ft1_1P p {
    color: #FFF;
    font-family: carR;
    font-size: var(--zj-ven2_LA);
    font-style: normal;
    line-height: calc(var(--zj-ven2_LA) * 1.55);
    width: 530px;
    max-width: 100%;
}

.ft1_1Sh .a2a_kit {
    display: flex;
    align-items: center;
}

.ft1_1Sh .a2a_kit>a {
    width: 22px;
    display: block;
    position: relative;
}

.ft1_1Sh .a2a_kit>span {
    opacity: 0.15;
    background: #FFF;
    width: 1px;
    height: 24px;
    display: block;
    margin: 0 24px;
}

.ft1_1Sh .a2a_kit>a img {
    width: 100%;
    transition: all 0.3s ease;
}

.ft1_1Sh .a2a_kit>a img:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.ft1_1Sh .a2a_kit>a:hover img:nth-child(1) {
    opacity: 0;
}

.ft1_1Sh .a2a_kit>a:hover img:nth-child(2) {
    opacity: 1;
}

.ft1_2 {
    width: 54%;
    flex: 0 0 auto;
    display: flex;
    justify-content: space-between;
}

.ft1_2BH {
    margin-bottom: 28px;
}

.ft1_2BH p {
    color: #FFF;
    font-family: ant;
    font-size: var(--zj-so2_1B);
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

.ft1_2BA {
    display: block;
    margin-bottom: 14px;
}

.ft1_2BA span {
    color: #FFF;
    font-family: carR;
    font-size: var(--zj-so2_2Num);
    font-style: normal;
    line-height: normal;

    --size: 1px;
    --color: #FFF;
    text-decoration: none;
    background-image: linear-gradient(var(--color), var(--color));
    background-size: 0% var(--size);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    transition-property: background-size, color, opacity;
    transition-duration: 0.5s;
    transition-timing-function: cubic-beizer(0.4, 0, 0.2, 1);
}

.ft1_2BA:hover span {
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
    /* color: #188E42; */
}

.ft1_2B2 {
    width: 550px;
    max-width: 100%;
}

.ft1_2B2S {
    display: flex;
    margin-bottom: 20px;
}

.ft1_2B2S1 span,
.ft1_2B2S2 span {
    color: #FFF;
    font-family: carR;
    font-size: var(--zj-so2_2Num);
    font-style: normal;
    line-height: calc(var(--zj-so2_2Num) * 1.3);
    text-transform: capitalize;
    transition: all 0.3s ease;


}


.ft1_2B2S2c span {
    --size: 1px;
    --color: #FFF;
    text-decoration: none;
    background-image: linear-gradient(var(--color), var(--color));
    background-size: 0% var(--size);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    transition-property: background-size, color, opacity;
    transition-duration: 0.5s;
    transition-timing-function: cubic-beizer(0.4, 0, 0.2, 1);
    text-transform: none;
}

.online {
    display: none !important;
}

.ft1_2B2S2:hover span {
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
}

.ft1_2B2S1 {
    width: 72px;
    margin-right: 12px;
    flex: 0 0 auto;
}

.ft1_2B2S2 {
    display: block;
}

.ft2Sa {
    width: calc(100vw - 120px);
    margin: auto;
    background: rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 70px;
}

.ft2_1 {
    display: flex;
    align-items: center;
}

.ft2_1>* {
    margin-right: 30px;
}

.ft2_1>:last-of-type {
    margin-right: 0;
}

.ft2_1A {
    display: flex;
}

.ft2_1A span {
    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    font-family: carR;
    font-size: var(--zj-ven2_LA);
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

.ft2_2 {
    display: flex;
    align-items: center;
}

.ft2_2A {
    margin-right: 12px;
}

.ft2_2A:last-child {
    margin-right: 0;
}

.ft2_2A span {
    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    font-family: carR;
    font-size: var(--zj-ven2_LA);
    font-style: normal;
    line-height: normal;
}

.flykeyLSp_2PH {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #00000056;
    z-index: 99999;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
}

.flykeyLSp_1Imsp {
    cursor: pointer;
}

.flykeyLSp_2PH.on {
    opacity: 1;
    pointer-events: auto;
}

.flykeyLSp_2PHBO {
    border-radius: 15px 15px 0px 0px;
    background: #FFF;
    box-shadow: 5px 10px 20px 0px rgba(0, 0, 0, 0.05);
}

.flykeyLSp_2PH .flykeyLSp_1 {
    width: 100%;
}

.flykeyLSp_2PH .flykeyLSp_2F {
    padding: 25px 25px 45px;
}

@media (max-width: 1536px) {
    #footer {
        padding-top: 83px;
        padding-bottom: 30px;
    }

    .ft1_1Im {
        width: 196px;
    }

    .ft2Sa {
        width: calc(100vw - 80px);
        padding: 14px 44px;
    }

    .ft2_1>* {
        margin-right: 18px;
    }
}

@media (max-width: 1199.9px) {
    .ft1_2 {
        width: 58%;
    }

    .ft2Sa {
        width: calc(100vw - 50px);
        padding: 14px 22px;
    }
}

@media (max-width: 992px) {
    #footer {
        padding-bottom: 78px;
    }

    .ftSa {
        flex-direction: column;
    }

    .ft1 {
        width: 100%;
        margin-bottom: 30px;
    }

    .ft1_1Im {
        width: 176px;
    }

    .ft1_2 {
        width: 100%;
    }

    .ft2Sa {
        align-items: flex-start;
        flex-direction: column-reverse;
    }
}

@media (max-width: 768px) {
    .ft2_2 {
        flex-wrap: wrap;
    }
}

@media (max-width: 499px) {
    #footer {
        padding-top: 42px;
        padding-bottom: 58px;
    }

    .ftSa {
        padding-bottom: 28px;
    }

    .ft1_1Im {
        width: 142px;
        margin-bottom: 22px;
    }

    .ft1_1P {
        margin-bottom: 38px;
    }

    .ft1_1Sh .a2a_kit>span {
        margin: 0 12px;
    }

    .ft1_2 {
        flex-direction: column;
    }

    .ft1_2B1 {
        margin-bottom: 20px;
    }

    .ft1_2B2S {
        margin-bottom: 10px;
    }

    .ft1_2B2S1 {
        width: 58px;
        margin-right: 8px;
    }

    .ft1_2BH {
        margin-bottom: 8px;
    }

    .ft1_2BA {
        margin-bottom: 6px;
    }

    .ft2Sa {
        width: calc(100vw - 18px);
        padding: 6px 12px;
    }

    .ft2_1>* {
        margin-right: 8px;
    }
}

.bt92 {
    box-shadow: 0 -2px 14px 1px rgba(0, 0, 0, 0.2);
    background-color: rgba(24, 142, 66, 0.8);
    display: none;
}

.bt92U {
    display: flex;
}

.bt92L {
    width: 20%;
    border-right: 1px solid #fff;
}

.bt92L:last-of-type {
    border: none;
}

.bt92LA {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 4px 0;
    cursor: pointer;
}

.bt92LA>img {
    width: 16px;
    height: 30px;
}

.bt92LA>p {
    color: #fff;
    font-family: carR;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

@media (max-width: 992px) {
    .bt92 {
        display: block;
    }
}

@media (max-width: 499px) {
    .bt92LA>p {
        font-size: 12px;
    }

    .bt92LA>img {
        height: 22px;
    }

    /*  */
    .flykeyLSp_2PH .flykeyLSp_2F input,
    .flykeyLSp_2PH .flykeyLSp_2F textarea,
    .flykeyLSp_2PH .flykeyLSp_2F button {
        max-width: 99%;
        padding: 0px 18px;
    }

    .flykeyLSp_2PHBO {
        width: 96%;
    }

    .flykeyLSp_2PH .flykeyLSp_2F {
        padding: 14px 10px 20px;
    }

    .flykeyLSp_2PH .flykeyLSp_1 {
        padding: 12px 18px;
    }
}

/*  */
.prdeK {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000000a6;
    z-index: 999999;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
}

.prdeK.on {
    opacity: 1;
    pointer-events: auto;
}

.prdeKSa {
    width: 850px;
    max-width: 98%;
    background: #fff;
    padding: 50px 58px 64px;
    position: relative;
}

.prdeKSa img {
    position: absolute;
    top: 30px;
    right: 35px;
    cursor: pointer;
}

.prdeKH {
    margin-bottom: 10px;
}

.prdeKH P {
    color: #F60;
    font-family: ant;
    font-size: var(--zj-faq2_2L1);
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

.prdeKP {
    background: #188E42;
    padding: 10px 25px;
    margin-bottom: 15px;
}

.prdeKP p {
    color: #FFF;
    font-family: carB;
    font-size: var(--zj-ven2_LA);
    font-style: normal;
    line-height: calc(var(--zj-ven2_LA) * 1.33);
}

.prdeKFOu {
    margin-right: calc(-.5 * 1.2rem);
    margin-left: calc(-.5 * 1.2rem);
}

.prdeKFOl {
    padding-right: calc(1.2rem * .5);
    padding-left: calc(1.2rem * .5);
    margin-bottom: 15px;
}

.prdeKFOl input,
.prdeKFOl textarea {
    width: 100%;
    background: #F6F6F6;


    padding: 10px 25px;
    border: none;
    color: #444;
    font-family: carR;
    font-size: var(--zj-so1SwAP);
    font-style: normal;
    line-height: normal;

}

.prdeKFOl input::-webkit-input-placeholder {
    color: #444;
}

.prdeKFOl input:-moz-placeholder {
    color: #444;
}

.prdeKFOl input::-moz-placeholder {
    color: #444;
}

.prdeKFOl input:-ms-input-placeholder {
    color: #444;
}

.prdeKFOl textarea::-webkit-input-placeholder {
    color: #444;
}

.prdeKFOl textarea:-moz-placeholder {
    color: #444;
}

.prdeKFOl textarea::-moz-placeholder {
    color: #444;
}

.prdeKFOl textarea:-ms-input-placeholder {
    color: #444;
}

.prdeKFO button {
    color: #FFF;
    font-family: carR;
    font-size: var(--zj-ven2_LA);
    font-style: normal;
    line-height: normal;
    width: 160px;
    height: 40px;
    flex-shrink: 0;
    text-transform: uppercase;
    border-radius: 50px;
    background: #F60;
}

@media (max-width: 992px) {
    .prdeKFOl {
        width: 100%;
    }

    .prdeKSa {
        padding: 20px 18px 30px;
    }

    .prdeKSa img {
        position: absolute;
        top: 16px;
        right: 18px;
        cursor: pointer;
    }
}

.zoom-in {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #62626200;
    transition: all 0.3s ease;
    cursor: pointer;
}

#outerbox {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    opacity: 0;
    transition: all 0.3s ease;
}

.outerbox.on {
    display: block !important;
    opacity: 1 !important;
}

#outerbox .iconcha {
    top: 11%;
    right: 13vw;
    position: absolute;
    transition: ease 1s;
    background: #fff;
    border-radius: 50%;
}

#outerbox .iconcha i {
    font-size: 30px;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
}

#outerbox .iconcha:hover {
    transform: rotate(360deg);
}

#innerbox {
    position: absolute;
    z-index: 9999;
    width: 92%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

#innerbox #bigimg {
    cursor: grab;
    background: #ffffff;
    /* padding: 5px; */
    border-radius: 7px;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 499px) {
    #outerbox .iconcha {
        top: 12%;
        right: 3vw;
    }
}

/* houmjiade erji */
.ven2_LEr {
    position: absolute;
    width: 366%;
    left: 50%;
    transform: translateX(-50%);
    top: 89.5px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 10px 1px;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.5s ease;
}

.ven2_LSa:hover .ven2_LEr {
    max-height: 400px;
    opacity: 1;
}

.ven2_LErBO {
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 10px 1px;
    padding: 10px 12px;
}

.ven2_LErA {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 0;
}

.ven2_LErA span {
    color: #222;
    font-family: carR;
    font-size: var(--zj-ven2_LA);
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    transition: all 0.3s ease;
    text-align: center;
}

.ven2_LErA:hover span {
    color: #188E42;
}

@media (max-width: 1536px) {
    .ven2_LEr {
        top: 77.5px;
    }
}



/* teshu */

.fszero {
    font-size: 0;
    width: 0;
    height: 0;
    overflow: hidden;

    h1 {
        margin: 0;
    }
}

.auto-adjust-img {

    &.is-mobile {
        img {
            max-width: 100% !important;
            height: auto !important;
            margin: 5px 0;
        }
    }

    p {
        &.contains-pictures {
            padding: 0;
            margin: 0 -5px !important;
            font-size: 0 !important;
            overflow-x: hidden;

            @media (min-width: 768px) {
                white-space: nowrap;
            }

            >img {
                display: inline-block;
                margin: 5px;
            }
        }
    }
}




/* xw */
.wrap {
    overflow: hidden;

    padding: 80px 0;
}

@media (max-width: 1470px) {
    .wrap {
        padding: 70px 0;
    }
}

@media (max-width: 991px) {
    .wrap {
        padding: 40px 0;
    }
}

.wrap-details {
    padding-top: 60px;
}

.wrap-details .title-details h2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;

    margin: 0;
}

@media (max-width: 991px) {
    .wrap-details .title-details h2 {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .wrap-details .title-details h2 {
        font-size: 20px;
    }
}

.wrap-details .title-details .date {
    font-size: 16px;
    line-height: 24px;

    display: block;

    margin-top: 10px;

    color: #188E42;
}

.wrap-details .details .text {
    margin-top: 30px;
}

.wrap-details .share {
    margin-top: 60px;
}

@media (max-width: 991px) {
    .wrap-details .share {
        margin-top: 30px;
    }
}

.wrap-details .share p {
    font-size: 18px;
    font-weight: bold;

    margin: 0;
}

@media (max-width: 991px) {
    .wrap-details .share p {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .wrap-details .share p {
        font-size: 14px;
    }
}

.wrap-details .share p,
.wrap-details .share .a2a_kit {
    display: inline-block;

    vertical-align: middle;
}

.wrap-details .relate-details {
    font-size: 0;

    margin-top: 70px;
    padding-top: 20px;

    border-top: 1px solid #d9d9d9;
}

@media (max-width: 991px) {
    .wrap-details .relate-details {
        margin-top: 40px;
    }
}

.wrap-details .relate-details ul li {
    margin-top: 10px;
}

.wrap-details .relate-details a {
    font-size: 16px;
    font-weight: bold;
    line-height: 36px;

    position: relative;

    display: inline-block;
    display: -webkit-box;
    overflow: hidden;

    height: 36px;
    padding-left: 60px;

    -webkit-transition: all .2s;
    transition: all .2s;
    vertical-align: middle;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

@media (max-width: 767px) {
    .wrap-details .relate-details a {
        font-size: 14px;
    }
}

.wrap-details .relate-details a:before {
    font-family: 'iconfont' !important;
    font-size: 18px;

    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 36px;
    height: 36px;

    content: '>';
    -webkit-transition: all .2s;
    transition: all .2s;
    text-align: center;

    color: #fff;
    border-radius: 50%;
    background-color: #999;
}

.wrap-details .relate-details a:hover {
    color: #188E42;
}

.wrap-details .relate-details a:hover:before {
    color: #fff;
    background-color: #188E42;
}

.wrap-details .relate-details .next a:before {
    content: '<';
}



/* ta */
table {
    font-size: 16px;
    line-height: 1.875;

    overflow: auto;

    width: 100%;
    max-width: 100%;
}

@media (max-width: 991px) {
    table {
        font-size: 14px;
    }
}

table {
    line-height: 1.2;

    width: 100%;
    max-width: 100% !important;

    border-spacing: 0;
    border-collapse: collapse;
}

table tr,
table td,
table th {
    width: 25% !important;
    height: auto !important;
}

/* table tr:nth-child(even) {
    background-color: #fafafa;
} */

table tr {
    background-color: rgba(226, 231, 234, 1);
}

table td,
table th {
    font-weight: normal;
    padding: 8px 12px !important;
    border: 2px solid #fff;
}

@media (max-width: 480px) {

    table td,
    table th {
        padding: 8px !important;
    }
}

table tr p,
table tr span {
    margin: 0 !important;
    padding: 0 !important;

    background: none !important;
}

table th {
    text-align: center;
}

.list-paddingleft-2>li {
    position: relative;
    padding-left: 12px;
}

.list-paddingleft-2>li::after {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #222;
}

.error-message {
    padding: 4px 25px;
    font-family: carR;
    font-size: var(--zj-so1SwAP);
    font-style: normal;
    line-height: normal;
    width: 100%;
}

.prdeKPsp p {
    margin-bottom: 15px;
    padding: 0px 25px;
    font-family: carR;
    font-size: var(--zj-so1SwAP);
    font-style: normal;
    line-height: normal;
    color: #444;
}

.prdeKFOl_box {
    display: flex !important;
    flex-wrap: wrap !important;

}

.prdeKFOl_box span {
    flex: 0 0 auto !important;
    border: none !important;
    color: #444 !important;
    font-family: carR !important;
    font-size: var(--zj-so1SwAP) !important;
    font-style: normal !important;
    line-height: normal !important;
    width: 105px !important;
    background: #F6F6F6 !important;
    /* padding: 10px 25px; */
    padding: 10px 0 10px 25px !important;
}

.prdeKFOl_box input,
.prdeKFOl_box textarea {
    padding: 0 !important;
    width: calc(100% - 105px) !important;
    background: #F6F6F6 !important;
    padding: 10px 25px 10px 0 !important;
}

.prdeKFOl_box .form-input {
    padding: 10px 25px 10px 0 !important;
}

/*  */
label {
    margin-bottom: var(--d20) !important;
}

.tiresdetails .details .inquiry .inquiry-from .input-box {
    margin-bottom: 0 !important;
}

/* .flykeyLSp_2F textarea {
    margin-bottom: 10px !important;
} */

/* .flykeyLSp .error-message {
    margin-bottom: 10px !important;
    padding: 0 40px !important;
}*/

.flykeyLSp_2F .error-message,
.flykeyLSp_2PHBO .error-message {
    margin-bottom: 10px !important;
}

.flykeyLSp span,
.flykeyLSp input,
.flykeyLSp textarea,
.flykeyLSp_2PHBO span,
.flykeyLSp_2PHBO input,
.flykeyLSp_2PHBO textarea {
    margin-bottom: 10px !important;
}

.ftrusp .ft1_2BH p {
    font-size: calc(var(--zj-so2_1B) - 4px);
}

.indrusp .so3LA {
    font-size: 12px;
}

.indrusp .so2_1BP p {
    font-size: 30px;
}

.indrusp .ft1_2B2S1 {
    width: 173px;
}

@media (max-width: 992px) {
    .indrusp .so2_1BP p {
        font-size: 23px;
    }
}

.indrusp .prdeKFOl_box span {
    width: 108px !important;
}

.indrusp .prdeKFOl_box input,
.indrusp .prdeKFOl_box textarea {
    width: calc(100% - 108px) !important;
}

.indrusp {}