/* ---------------------------------------- */
#ven {
    /* border-bottom: 1px solid #DBDBDB; */
    transition: all 0.5s ease;
    background: #FBFFF5;
    z-index: 99999 !important;
}

.header_sp {
    background: transparent !important;
    /* border-bottom: 1px solid #dbdbdb00 !important; */
}

#ven:hover {
    background: #FBFFF5 !important;
    /* box-shadow: 0 2px 10px 0 rgba(208, 208, 208, 0.25) !important; */
}

.ventricle {
    background: #FBFFF5 !important;
    /* box-shadow: 0 2px 10px 0 rgba(208, 208, 208, 0.25) !important; */
}

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

.ven1_loim {
    padding: 12px 0;
    position: relative;
}

.ven1_loim img {
    width: 285px;
    transition: all 0.5s ease;
}

.ven1_loim img:nth-child(1) {
    opacity: 0;
}

.header_sp:hover .ven1_loim img:nth-child(1) {
    opacity: 1;
}

.ventricle .ven1_loim img:nth-child(1) {
    opacity: 1;
}

.ven1_loim img:nth-child(2) {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
}

.header_sp:hover .ven1_loim img:nth-child(2) {
    opacity: 0;
}

.ventricle .ven1_loim img:nth-child(2) {
    opacity: 0;
}

.ven2 {
    display: flex;
    align-items: stretch;
    transition: all 0.5s ease;
}

/* .ventricle .ven2 {
    transform: translateY(-100%);
} */

.ven2_lis {
    height: 100%;
}

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

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

.ven2_l:last-child {
    margin-right: 14.9vw;
}

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

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

.ven2_la::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #2C2C2C;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
    z-index: 12;
    transition: all 0.5s ease;
    opacity: 0;
    display: none;
}

.header_sp .ven2_la:after {
    background: #FFF;
}

.ventricle .ven2_la:after {
    background: #2C2C2C;
}

.ven2_l.on .ven2_la:after {
    opacity: 1;
}

.ven2_la:hover:after {
    opacity: 1;
}

.ven2_la span {
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: calc(var(--zj-button) + 2px);
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    transition: all 0.5s ease;

    --size: 1px;
    --color: #2C2C2C;
    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);
}

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

.ven2_l.on .ven2_la span {
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
}

.header_sp .ven2_la span {
    color: #FFF;
    --color: #FFF;
}

.header_sp:hover .ven2_la span {
    color: #2C2C2C;
    --color: #2C2C2C;
}

.ventricle .ven2_la span {
    color: #2C2C2C;
    --color: #2C2C2C;
}

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

/*  */

.ven_language {
    display: flex;
    align-items: center;
    display: none;
}

.ven_language>a {
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.ven_language i {
    font-size: 20px;
    color: #FFF;
    margin-right: 6px;
    transition: all 0.5s ease;
}

.ventricle .ven_language i {
    color: #333;
}

#ven:hover .ven_language i {
    color: rgba(51, 51, 51, 1);
}

.header_sp .ven_language i {
    color: rgba(51, 51, 51, 1);
}

.ven_language span {
    color: #FFF;
    font-size: var(--zj-con2-fol);
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    transition: all 0.5s ease;
}

.ventricle .ven_language span {
    color: #333;
}

#ven:hover .ven_language span {
    color: rgba(51, 51, 51, 1);
}

.header_sp .ven_language span {
    color: rgba(51, 51, 51, 1);
}

.ven_seh {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.ven_seh span i {
    font-size: 20px;
    color: #283754;
}

/* 搜索/购物车 */
.ven-seh {
    position: relative;
}

.vensesv {
    display: flex;
    align-items: center;
    justify-content: center;
    --w: 40px;
    width: var(--w);
    height: var(--w);
    cursor: pointer;
    transition: all 0.5s ease;
    margin-right: 20px;
}

.vensesv i {
    font-size: 26px;
    color: #2C2C2C;
    transition: all 0.5s ease;
}

.header_sp .vensesv i {
    color: #FFF;
}

.header_sp:hover .vensesv i {
    color: #2C2C2C;
}

.ventricle .vensesv i {
    color: #2C2C2C;
}

.vensesv:hover i {
    animation: vensesv 1s ease-in-out;
    animation-iteration-count: 1;
}

@keyframes vensesv {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(-15deg);
    }

    50% {
        transform: rotate(15deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

/* gouw */
.ven_inqu {
    display: flex;
    align-items: center;
}

.ven_inqu i {
    font-size: 26px;
    color: #2C2C2C;
    --w: 40px;
    width: var(--w);
    height: var(--w);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    transition: all 0.5s ease;
}

.header_sp .ven_inqu i {
    color: #FFF;
}

.header_sp:hover .ven_inqu i {
    color: #2C2C2C;
}

.ventricle .ven_inqu i {
    color: #2C2C2C;
}

.ven_inqu p {
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: var(--zj-con2-fol);
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    transition: all 0.5s ease;
}

.header_sp .ven_inqu p {
    color: #FFF;
}

.header_sp:hover .ven_inqu p {
    color: #2C2C2C;
}

.ventricle .ven_inqu p {
    color: #2C2C2C;
}

.ven_inqu p span {
    color: #096D3C;
    transition: all 0.5s ease;
}

.header_sp .ven_inqu p span {
    color: #FFF;
}

.header_sp:hover .ven_inqu p span {
    color: #096D3C;
}

.ventricle .ven_inqu p span {
    color: #096D3C;
}

/* houmjiade erji */

.ven2_lsa:hover .ven2-ler {
    max-height: 900px;
    opacity: 1;
    pointer-events: auto;
}

.ven_language .ven2-lerlang {
    top: 120%;
    width: 120%;
    display: none;
}

.ven_language:hover .ven2-lerlang {
    max-height: 400px;
    opacity: 1;
    pointer-events: auto;
}

.ven2-lerbo {
    background: rgba(255, 255, 255, 0.90);
    /* box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 10px 1px; */
    padding: 10px 0;
    border-radius: 0 0 5px 5px;
    position: relative;
}

.ven2-lerbo::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background: url(../images/sanjiao.png) no-repeat;
    background-size: cover;
    background-position: center;
    left: 50%;
    transform: translateX(-50%);
    top: -7px;
}

.ven2-lera {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px 12px;
    transition: all 0.5s ease;
    position: relative;
}

.ven2-lera span {
    color: #1B1A1F;
    text-align: center;
    font-family: "Alibaba PuHuiTi 3.0";
    font-size: var(--zj-button-ft);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    transition: all 0.5s ease;
}

@media (max-width: 1536px) {
    .ven1_loim img {
        width: 200px;
    }

    .ven2 {
        margin-bottom: 0px;
    }

    .ven2_la::after {
        bottom: 0;
    }

    /* .ven2-ler {
        top: 45px;
    } */
}

@media (max-width: 1199.9px) {
    .ven2_u {
        display: none;
    }
}

/* yuyan */
.ven_language {
    position: relative;
}

.ven2-3sec {
    position: absolute;
    width: 112px;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 10px 1px;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.5s ease;
    z-index: 14;
}

.ven_language:hover .ven2-3sec {
    max-height: 600px;
    opacity: 1;
    /* overflow: visible; */
}

.ven2-3sec a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4px 0;
    padding: 4px 12px;
    transition: all 0.5s ease;
}

.ven2-3sec a:hover {
    background: #EAEEF7;
}

.ven2-3sec a span {
    color: #222;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-size: var(--zj-button-ft);
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    display: block;
}

/*  */
.ven-sehinp {
    position: fixed;
    right: 0;
    top: 99px;
    height: 460px;
    width: 100vw;
    left: 0;
    z-index: 12;
    pointer-events: none;
    opacity: 0;
    transition: all 0.3s ease;
}

.ven-sehinp::after {
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    top: 0;
    height: 100vh;
    opacity: 0.7;
    background: #26221F;
    mix-blend-mode: multiply;
    z-index: -1;
}

.ven-sehinpbg {
    background: #FBFFF5;
    height: 460px;
}

.ven-sehinph {
    margin-bottom: 60px;
}

.ven-sehinph p {
    color: #2C2C2C;
    text-align: center;
    font-family: 'Fraunces 72pt';
    font-size: var(--zj-subh);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


.ven-sehinpbox {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

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

.ven-sehinpbox>i {
    display: block;
    color: rgba(44, 44, 44, 1);
    margin-left: 12px;
    transition: all 0.3s ease;
    cursor: pointer;
    font-size: 40px;
    font-weight: 100;
    position: absolute;
    right: 0;
    top: 50px;
}

.ven-sehinpbox>i:hover {
    transform: rotate(180deg);
}

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

.ven-sehfo input {
    color: #000;
    font-weight: normal;
    font-size: var(--zj-ven2cona);
    font-style: normal;
    line-height: 100%;
    width: 86%;
    background: transparent;
    transition: all 0.3s ease;
    border: none;
}

.ven-sehfo input::-webkit-input-placeholder {
    color: rgba(51, 78, 113, 0.5);
}

.ven-sehfo input:-moz-placeholder {
    color: rgba(51, 78, 113, 0.5);
}

.ven-sehfo input::-moz-placeholder {
    color: rgba(51, 78, 113, 0.5);
}

.ven-sehfo input:-ms-input-placeholder {
    color: rgba(51, 78, 113, 0.5);
}

.ven-sehfo>span button {
    background: transparent;
}

.ven-sehfo>span i {
    color: rgba(68, 68, 68, 1);
    font-size: 16px;
}

@media (max-width: 1536px) {
    .ven2_l {
        margin-right: 1.88vw;
    }

    .ven2_l:last-child {
        margin-right: 2.35vw;
    }

    .ven2_1phone i {
        margin-right: 6px;
    }

    .ven_language i {
        font-size: 16px;
        margin-right: 4px;
    }
}

@media (max-width: 1199.9px) {
    .ven_language {
        margin-right: 0;
    }
}

/* houmjiade erji */
.ven2-ler {
    position: fixed;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    top: 97px;
    /* box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 10px 1px; */
    max-height: 0;
    background: #FBFFF5;
    /* overflow: hidden; */
    opacity: 0;
    transition: all 0.5s ease;
    border-radius: 6px;
    pointer-events: none;
}

.ven2-ler::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100vh;
    opacity: 0.7;
    background: #26221F;
    mix-blend-mode: multiply;
    pointer-events: none;
}

.ven2-lsa:hover .ven2-ler {
    max-height: 900px;
    opacity: 1;
    overflow: visible;
}

.ven2-lerbo {
    background: rgba(255, 255, 255, 1);
    /* box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 10px 1px; */
    padding: 10px 0;
}

.ven2-lera {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 12px;
}

.ven2-lera span {
    color: #222;
    font-family: "Source Han Sans CN";
    font-size: var(--zj-button-ft);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    --size: 1px;
    --color: #1A7BAF;
    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: capitalize;
}

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

/* venPho */
/* phone */
/*  */
#venPho {
    display: none;
    margin-bottom: 7px;
}

#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: rgba(51, 51, 51, 1);
    transition: all .5s;
}

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

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

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


#ven:hover .venPhoSack:before,
#ven:hover .venPhoSack::after {
    background: rgba(51, 51, 51, 1) !important;
}

.header_sp .venPhoSack:before,
.header_sp .venPhoSack::after {
    background: #FFF !important;
}

.ventricle .venPhoSack:before,
.ventricle .venPhoSack::after {
    background: #333 !important;
}

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

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

#ven:hover .venPhoSack span {
    background: rgba(51, 51, 51, 1) !important;
}

.header_sp .venPhoSack span {
    background: #FFF !important;
}


.ventricle .venPhoSack span {
    background: #333 !important;
}

#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: 79px;
    width: 100%;
    height: 100vh;
    transition: all 0.8s ease;
    /* animation-name: fadeInUp11t; */
    /* animation-duration: 0.8s; */
    z-index: 9999;
    display: flex;
    justify-content: flex-end;
    background: rgba(0, 0, 0, 0.8);
}

.menu-list {
    height: 100%;
    width: 100%;
    background: #FBFFF5;
}

@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: #222;
    padding: 0 15px;
    cursor: pointer;
    transition: all 0.5s ease;
}

#venPhoSec ul li .current i {
    transform: rotate(180deg);
}

#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 {
    color: #222;
    font-size: var(--zj-con2-fol);
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    width: 100%;
    margin: auto;
    display: block;
    transition: all 0.3s ease;
}

.menu-head a:hover {
    color: #096D3C;
}

.xiantiao>a {
    color: #096D3C;
}

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

.menu_body a {
    display: block;
    color: #222;
    font-size: var(--zj-con2-fol);
    font-style: normal;
    font-weight: 400;
    line-height: 2;
    transition: all 0.5s ease;
}

.menu_body a:last-child {
    margin-bottom: 10px;
}

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

.menu_body a:hover {
    color: #012F6B;
}

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

    .menu-head a {
        font-size: 18px !important;
    }

    .menu_body a {
        font-size: 16px !important;
    }

    #venPhoSec ul li i {
        font-size: 14px;
    }

    #venPhoSec ul li .xiaopingsanji {
        height: 40px;
    }

    .ven_language i {
        font-size: 18px;
    }

    .ven1_loim {
        padding: 8px 0;
    }

    .ven1_loim img {
        width: 140px;
    }

    .ven_line {
        margin: 0 12px;
        height: 14px;
    }
}

/* gg */
.sub-im {
    position: relative;
    overflow: hidden;
}

.sub-im>img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    animation: zoombig 3s forwards linear;
}

@keyframes zoombig {
    0% {
        transform: scale(1.1, 1.1);
    }

    100% {
        transform: scale(1, 1);
    }
}

.sub-text {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.sub-h {
    margin-bottom: 10px;
}

.sub-h p {
    text-align: center;
    color: #FFF;
    font-family: 'Fraunces 72pt';
    font-size: var(--zj-subh);
    font-style: normal;
    font-weight: 600;
    line-height: calc(var(--zj-subh) * 1.08);
}

.sub-p p {
    color: #FFF;
    font-family: "Source Han Sans CN";
    font-size: var(--zj-button);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media (max-width: 1536px) {
    .sub-h {
        margin-bottom: 4px;
    }
}

/* 公共的面包导航 */
.subnav-box {
    margin-top: 100px !important;
    padding: 26px 0 0 0;
}

.subnav-box .breadcrumb {
    margin: 0;
}

.subnav-box .breadcrumb-item {
    display: flex;
    align-items: center;
}

.subnav-box .breadcrumb-item::before,
.subnav-box .breadcrumb-item>a {
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: calc(var(--zj-button) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    display: flex;
    align-items: center;
}

.subnav-box .breadcrumb-item::before {
    margin-bottom: 4px;
    color: #999999;
}

.subnav-box .breadcrumb-item:last-child>a {
    color: #999;
}

.subnav-box .breadcrumb-item>a span {
    --size: 1px;
    --color: #2C2C2C;
    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);
}

.subnav-box .breadcrumb-item>a:hover span {
    color: #2C2C2C;
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
}

@media (max-width: 1536px) {
    .sub-im>img {
        height: 410px;
    }

    .subnav-box {
        bottom: 22px;
    }

    .subnav-box {
        margin-top: 76px !important;
        padding: 24px 0 0 0;
    }
}

@media (max-width: 992px) {
    .sub-im>img {
        height: 300px;
    }

    .subnav-box .breadcrumb-item>i {
        font-size: 18px;
    }
}

@media (max-width: 499px) {
    .sub-im>img {
        height: 300px;
    }

    .subnav-box {
        display: none;
    }

    .prodesp.subnav-box {
        display: block;
    }

    .sub-text {
        top: 55%;
    }
}

/* contact */
.conSa {
    padding: 54px 0 46px;
}

.con_h {
    margin-bottom: 80px;
}

.con_h h2 {
    color: var(--, #2C2C2C);
    text-align: center;
    font-family: 'Fraunces 72pt';
    font-size: var(--zj-subh);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

.con_u {
    max-width: 1400px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: auto;
    margin-bottom: 80px;
    padding: 20px 0;
}

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

.con_li {
    --w: 50px;
    width: var(--w);
    height: var(--w);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #096D3C;
    margin-right: 8px;
}

.con_li i {
    font-size: 24px;
    color: #FFF;
}

.con_lh p {
    color: #666;
    font-family: 'Inter';
    font-size: var(--zj-ven2_la);
    font-style: normal;
    font-weight: normal;
    line-height: normal;
}

.con_la {
    display: block;
}

.con_la span {
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: var(--zj-button);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    --size: 1px;
    --color: rgba(9, 109, 60, 1);
    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);
}

.con_la:hover span {
    color: rgba(9, 109, 60, 1);
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
}

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

.con_lshare a {
    display: block;
    margin-right: 24px;
}

.con_lshare a:last-child {
    margin-right: 0;
}

.con_lshare a i {
    font-size: 30px;
    color: rgba(44, 44, 44, 1);
    line-height: normal;
    transition: all 0.5s ease;
    opacity: 0.7;
}

.con_lshare a:hover i {
    color: rgba(9, 109, 60, 1);
    opacity: 1;
}

/*  */
.con_formboxx {
    position: relative;
}

.con_formboxx::after {
    position: absolute;
    content: "";
    width: 100vw;
    height: 66%;
    bottom: -46px;
    left: 50%;
    transform: translateX(-50%);
    background: #054525;
    z-index: -1;
}

.con_form {
    background: url(../images/conformbg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 130px 40px;
    position: relative;
    z-index: 12;
}


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

.con_formh p {
    color: #FFF;
    text-align: center;
    font-family: 'Fraunces 72pt';
    font-size: calc(var(--zj-sub_h) + 2px);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    max-width: 1030px;
}

/*  */
/*  */
.con_formend {
    display: flex;
    align-items: center;
    justify-content: center;
}

.con2-fo {
    max-width: 1440px;
    width: 92%;
}

.con2-fou {
    margin-right: calc(-.5 * 3rem);
    margin-left: calc(-.5 * 3rem);
}

.con2-fol {
    margin-bottom: 30px;
    padding-right: calc(3rem * .5);
    padding-left: calc(3rem * .5);
}

.con2-fol:last-child {
    margin-bottom: 60px;
}

.con2-fol input,
.con2-fol textarea,
.form-input {
    color: #FFF;
    font-family: 'Inter';
    font-size: var(--zj-ven2_la);
    font-style: normal;
    font-weight: normal;
    line-height: normal;

    width: 100%;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.60);
    border-radius: 0;
    background: transparent;

    transition: all 0.5s ease;
    padding: 15px 0;
}

.con2-fol input:focus,
.con2-fol textarea:focus,
.form-input:focus {
    border-bottom: 1px solid rgba(255, 255, 255, 1);
}

.con2-fol input::-webkit-input-placeholder {
    color: #FFF;
}

.con2-fol input::-moz-placeholder {
    color: #FFF;
}

.con2-fol input::-ms-input-placeholder {
    color: #FFF;
}

.con2-fol textarea::-webkit-input-placeholder {
    color: #FFF;
}

.con2-fol textarea::-moz-placeholder {
    color: #FFF;
}

.con2-fol textarea::-ms-input-placeholder {
    color: #FFF;
}

.con2-fobt button {
    background: transparent;
    display: flex;
    align-items: center;
    border-radius: 100px;
    border: 1px solid #FFF;
    padding: 15px 30px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: all 0.5s ease;
}

.con2-fobt button:hover {
    border: 1px solid #FFF;
}

.con2-fobt button::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-color: #096D3C;
    transition-property: transform;
    transition-duration: 0.25s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: 100% 50%;
    transform: scaleX(0);
    border-radius: 100px;
}

.con2-fobt button:hover::after {
    transform: none;
    transform-origin: 0% 50%
}

.con2-fobt button span {
    color: #FFF;
    font-family: 'Inter';
    font-size: var(--zj-button);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-right: 30px;
}

.con2-fobti {
    overflow: hidden;
    transform: rotate(-45deg);
}

.con2-fobt button i {
    font-size: 18px;
    color: #FFF;
    line-height: normal;
    --w: 29px;
    width: var(--w);
    height: var(--w);
    display: flex;
    align-items: center;
    justify-content: center;
}

.con2-fobt button:hover i {
    animation: shuffle 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

@keyframes shuffle {
    50% {
        transform: translateX(100%)
    }

    50.01% {
        transform: translateX(-100%)
    }
}

/* footer */
#footer {
    background: #054525;
}

.ftSa {
    padding: 62px 0 50px;
    display: flex;
    justify-content: space-between;
}

.ftlogo {
    display: block;
}

.ftlogo img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    max-width: 226px;
}

.ft1u {
    margin: 32px 0;
}

.ft1l {
    margin-bottom: 12px;
}

.ft1l:last-child {
    margin-bottom: 0;
}

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

.ft1l_a p {
    color: #FFF;
    font-family: 'Inter';
    font-size: var(--zj-ven2_la);
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    margin-right: 12px;
}

.ft1l_a p 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);
}

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

.ft1_share .con_lshare a i {
    color: rgba(251, 255, 245, 1);
    display: block;
}

.ft1_share .con_lshare a:hover i {
    transform: translateY(-5px);
}

.ft2 {
    width: 66%;
    flex: 0 0 auto;
}

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

.ft2_lh {
    margin-bottom: 30px;
}

.ft2_lh p {
    color: #FFF;
    font-family: 'Inter';
    font-size: var(--zj-button);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.ft2_lte a {
    display: block;
    margin-bottom: 12px;
}

.ft2_lte a:last-child {
    margin-bottom: 0;
}

.ft2_lte a span {
    color: rgba(255, 255, 255, 0.6);
    font-family: 'Inter';
    font-size: var(--zj-button-ft);
    font-style: normal;
    font-weight: 500;
    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);
}

.ft2_lte a:hover span {
    color: #FFF;
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
}

/*  */
.ft2_l:last-child {
    max-width: 398px;
}

.ft_form .con2-fol {
    margin-bottom: 14px;
}

.ft_form .con2-fol:last-child {
    margin-bottom: 22x;
}

.ft_form .con2-fol input,
.ft_form .con2-fol textarea,
.ft_form .form-input {
    color: rgba(255, 255, 255, 1);
    font-family: 'Inter';
    font-size: var(--zj-button-ft);
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    padding: 9px 10px;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.20);
}

.ft_form .con2-fol input:focus,
.ft_form .con2-fol textarea:focus,
.ft_form .form-input:focus {
    border: 1px solid rgba(255, 255, 255, 0.20);
}

.ft_form .con2-fol input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.60);
}

.ft_form .con2-fol input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.60);
}

.ft_form .con2-fol input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.60);
}

.ft_form .con2-fol textarea::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.60);
}

.ft_form .con2-fol textarea::-moz-placeholder {
    color: rgba(255, 255, 255, 0.60);
}

.ft_form .con2-fol textarea::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.60);
}

.ft_form .con2-fobt button {
    background: #FBFFF5;
    padding: 5px 16px;
}

.ft_form .con2-fobt button::after {
    display: none;
}

.ft_form .con2-fobt button span {
    color: #096D3C;
    font-family: 'Inter';
    font-size: var(--zj-con2-fol);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-right: 13px;
}

.ft_form .con2-fobt button i {
    color: #096D3C;
}

.ft3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.20);
}

.ft3A,
.ft3A span {
    color: rgba(255, 255, 255, 0.6);
    font-family: 'Inter';
    font-size: var(--zj-button-ft);
    font-style: normal;
    font-weight: normal;
    line-height: normal;
}

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

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

/* 新闻 */
.subnav_sp {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
}

.subnav_sp .breadcrumb-item::before,
.subnav_sp .subnav span {
    color: #FFF;
    font-family: 'Inter';
    font-size: var(--zj-ne2lh);
    font-style: normal;
    font-weight: normal;
    line-height: normal;
}

.subnav_sp .breadcrumb-item::before {
    /* margin-top: -2px; */
}

/*  */
.neSa {
    padding: 110px 0 100px;
}

.ne_u {
    margin-right: calc(-.5 * 3.1rem);
    margin-left: calc(-.5 * 3.1rem);
}

.ne_l {
    margin-bottom: 60px;
    padding-right: calc(3.1rem * .5);
    padding-left: calc(3.1rem * .5);
}

.ne_limg {
    margin-bottom: 14px;
    overflow: hidden;
    transition: all 0.5s ease;
    position: relative;
}

.ne_lbox:hover .ne_limg {
    padding: 10px 10px 0 0;
}

.ne_limg img {
    aspect-ratio: 400 / 430;
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 0.5s ease;
}

.swiper-slide:nth-child(2n) .ne_limg img {
    aspect-ratio: 400 / 350;
}

.ne_lbox:hover .ne_limg img {
    border-radius: 0 140px 0 0;
}

.news .ne_limg img {

    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
}

.ne_lnum {
    margin-bottom: 14px;
}

.ne_svg {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    transition: all 0.5s ease;
}

.ne_lbox:hover .ne_svg {
    opacity: 1;
}

/*  */
.ne_lnum p {
    color: #096D3C;
    font-family: 'Fraunces 72pt';
    font-size: var(--zj-button-ft);
    font-style: normal;
    font-weight: normal;
    line-height: normal;
}

.ne_lh p {
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: var(--zj-ven2_la);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: all 0.5s ease;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ne_lbox:hover .ne_lh p {
    color: #096D3C;
    font-size: calc(var(--zj-ven2_la) + 2px);
}

/*  */
.sub-page,
.sub-pageu {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sub-prev a {
    display: flex;
    align-items: center;
    justify-content: center;
    --w: 40px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    background: rgba(9, 109, 60, 0.04);
    border-radius: 50%;
    transition: all 0.5s ease;
}

.sub-prev a:hover {
    background: #096D3C;
}

.sub-prev a i {
    font-size: 14px;
    color: rgba(44, 44, 44, 1);
    transition: all 0.5s ease;
}

.sub-prev a:hover i {
    color: #FFF;
}

.sub-pageu {
    margin: 0 14px;
}

.sub-pagel a {
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: var(--zj-button-ft);
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    transition: all 0.5s ease;
    margin: 0 6px;
}

.sub-pagel.on a {
    color: #096D3C;
}

.sub-pagel a:hover {
    color: #096D3C;
}

/* 新闻详情 */
.medeSa {
    padding: 55px 0 100px;
}

.nede_h {
    margin-bottom: 40px;
}

.nede_h p {
    color: #2C2C2C;
    font-family: 'Fraunces 72pt';
    font-size: calc(var(--zj-sub_h) + 6px);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.nede_mid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #DBDBDB;
}

.nede_num {
    padding: 14px 0;
}

.nede_num p {
    color: #096D3C;
    font-family: 'Fraunces 72pt';
    font-size: var(--zj-button-ft);
    font-style: normal;
    font-weight: normal;
    line-height: normal;
}

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

.nede_share p {
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: var(--zj-ven2_la);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-right: 22px;
}

.nede_share .a2a_kit a {
    --w: 30px;
    width: var(--w);
    height: var(--w);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 24px;
}

.nede_share .a2a_kit a:nth-child(3) {
    margin-right: 0;
}

.nede_share .a2a_kit a i {
    font-size: 22px;
    line-height: normal;
    color: rgba(102, 102, 102, 1);
    transition: all 0.5s ease;
}

.nede_share .a2a_kit a:hover i {
    color: rgba(9, 109, 60, 1);
}

/*  */
.nede_te>* {
    margin-top: 60px;
}

.nede_te p {
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: calc(20px * 1.63);

}

.nede_te img {
    max-width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.5s ease;
}

@media (max-width: 499px) {
    .nede_te p {
        color: #2C2C2C;
        font-family: 'Inter';
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: calc(20px * 1.63);

    }

    .nede_te img {
        max-width: 100%;
        object-fit: cover;
        object-position: center;
        border-radius: 20px;
        overflow: hidden;
        transition: all 0.5s ease;
    }
}


.nede_te1h {
    border-bottom: 1px solid rgba(9, 109, 60, 0.50);
    display: flex;
    margin-bottom: 60px;
}

.nede_te1hbg p {
    color: #FFF;
    font-family: 'Fraunces 72pt';
    font-size: var(--zj-prode1-2h);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 10px 10px 0 0;
    padding: 16px 38px;
    background: #096D3C;
}

/* nede_te1table */
.nede_te1table table {
    width: 100%;
    max-width: 1390px;
}

.nede_te1table table tr:nth-child(2n-1) {
    background: rgba(9, 109, 60, 0.04);
}

.nede_te1table table tr td {
    padding: 14px 40px;
}

.nede_te1table table tr td:nth-child(1) {
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: var(--zj-ne2lh);
    font-style: normal;
    font-weight: 600;
    line-height: calc(var(--zj-ne2lh) * 1.63);
    width: 30%;
}

.nede_te1table table tr td:nth-child(2) {
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: var(--zj-ne2lh);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-ne2lh) * 1.63);
    width: 70%;
}

/* nede_te1p */
.nede_te1p p {
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: var(--zj-ne2lh);
    font-style: normal;
    font-weight: 500;
    line-height: calc(var(--zj-ne2lh) * 1.63);
    margin-bottom: 40px;
}

.nede_te1u {
    margin-right: calc(-.5 * 3.1rem);
    margin-left: calc(-.5 * 3.1rem);
}

.nede_te1l {
    padding-right: calc(3.1rem * .5);
    padding-left: calc(3.1rem * .5);
    overflow: hidden;
    border-radius: 20px;
}

/* .nede_te1l>div {
    overflow: hidden;
    border-radius: 20px;
} */

.nede_te1l img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.5s ease;
}

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

/* nede_te1lfrg */
.nede_te1lfrg {
    padding: 60px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nede_te1lfrg>div {
    width: calc(50% - 25px);
}

.nede_te1lf h2 {
    color: #333;
    font-family: 'Fraunces 72pt';
    font-size: calc(var(--zj-ab1_1toph) + 4px);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.spanline,
.nede_te1lf span {
    display: block;
    width: 100%;
    height: 1px;
    background: #DBDBDB;
    margin: 20px 0 80px;
}

.nede_te1lf p {
    color: #333;
    font-family: 'Inter';
    font-size: var(--zj-ne2lh);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-ne2lh) * 1.63);
}

.nede_te1rg {
    border-radius: 20px;
    overflow: hidden;
}

.nede_te1rg img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
    transition: all 0.5s ease;
}

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

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

/* nede_te1u2 */
.nede_te1u2 {
    margin-right: calc(-.5 * 3.1rem);
    margin-left: calc(-.5 * 3.1rem);
}

.nede_te1l2 {
    padding-right: calc(3.1rem * .5);
    padding-left: calc(3.1rem * .5);
}

.nede_te1l2img {
    border-radius: 20px;
    overflow: hidden;
}

.nede_te1l2img img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
    transition: all 0.5s ease;
}

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

.nede_te1l2h {
    margin: 20px 0;
}

.nede_te1l2h p {
    color: #333;
    font-family: 'Fraunces 72pt';
    font-size: var(--zj-prode1-2h);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.nede_te1l2p p {
    color: #333;
    font-family: 'Inter';
    font-size: var(--zj-ne2lh);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-ne2lh) * 1.63);
}

/*  */
.nede_te2u {
    margin-right: calc(-.5 * 3.1rem);
    margin-left: calc(-.5 * 3.1rem);
    margin-bottom: 60px;
}

.nede_te2l {
    width: 20%;
    padding-right: calc(3.1rem * .5);
    padding-left: calc(3.1rem * .5);
}

.nede_te2lbox {
    border-radius: 20px;
    background: #F1F9ED;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
    height: 100%;
    padding: 30px 20px;
}

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

.nede_te2limg img {
    width: 60px;
    object-fit: cover;
    object-position: center;
}

.nede_te2lh {
    margin-bottom: 20px;
}

.nede_te2lh p {
    color: #2C2C2C;
    text-align: center;
    font-family: 'Inter';
    font-size: var(--zj-con1_lico);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.nede_te2lp p {
    color: #2C2C2C;
    text-align: center;
    font-family: 'Inter';
    font-size: var(--zj-ven2_la);
    font-style: normal;
    font-weight: normal;
    line-height: normal;
}

/* nede_te2lfrg */
.nede_te2lfrg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
}

.nede_te2lf {
    width: calc(50% - 100px);
    flex: 0 0 auto;
    border-radius: 20px;
    overflow: hidden;
}

.nede_te2lf img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.5s ease;
}

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

.nede_te2rg {
    width: 50%;
    flex: 0 0 auto;
}

.nede_te2rgh p {
    color: #333;
    font-family: 'Fraunces 72pt';
    font-size: calc(var(--zj-ab1_1toph) + 4px);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.nede_te2rg>span {
    display: block;
    width: 100%;
    height: 1px;
    background: #DBDBDB;
    margin: 20px 0 80px;
}

/*  */
.nede_te2rgl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(9, 109, 60, 0.04);
    margin-bottom: 40px;
}

.nede_te2rgl:last-child {
    margin-bottom: 0;
}

.nede_te2rglp,
.nede_te2rglt {
    width: 50%;
    padding: 30px 40px;
    flex: 0 0 auto;
}

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

.nede_te2rglp,
.nede_te2rglp p,
.nede_te2rglp span {
    color: #2C2C2C;
    font-family: 'Fraunces';
    font-size: calc(var(--zj-ab1_1toph) + 4px);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.nede_te2rglt p {
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: var(--zj-ne2lh);
    font-style: normal;
    font-weight: 500;
    line-height: calc(var(--zj-ne2lh) * 1.63);
}

/*  */
.nede_te2bgbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
    background: #F1F9ED;
    padding: 40px;
}

.nede_te2bglf,
.nede_te2bgrg {
    width: calc(50% - 30px);
    flex: 0 0 auto;
}

.nede_te2bglf>h2 {
    color: #333;
    font-family: 'Fraunces 72pt';
    font-size: calc(var(--zj-ab1_1toph) + 4px);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.nede_te2bglf>span {
    width: 100%;
    display: block;
    height: 1px;
    background: #DBDBDB;
    margin: 20px 0 60px;
}

.nede_te2bglf>p {
    color: #333;
    font-family: 'Inter';
    font-size: var(--zj-ne2lh);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-ne2lh) * 1.63);
}

.nede_te2btn {
    margin-top: 40px;
    display: flex;
}

.nede_te2btna {
    display: flex;
    align-items: center;
    border-radius: 100px;
    background: #096D3C;
    padding: 16px 31px;

}

.nede_te2btna>p,
.nede_te2btna>span {
    color: #FFF;
    font-family: 'Inter';
    font-size: var(--zj-button);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-right: 40px;
}

.nede_te2btna>p {
    color: #FFF;
    font-family: 'Inter';
    font-size: var(--zj-button);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-right: 40px;
}

.nede_te2btni {
    overflow: hidden;
    transform: rotate(-45deg);
    color: #FFF;
}

.nede_te2btni i {
    font-size: 18px;
    color: #FFF;
    line-height: normal;
    --w: 29px;
    width: var(--w);
    height: var(--w);
    display: flex;
    align-items: center;
    justify-content: center;
}

.nede_te2btna:hover .nede_te2btni i {
    animation: shuffle 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/*  */
.nede_te2bgrg {
    border-radius: 20px;
    overflow: hidden;
}

.nede_te2bgrg img {
    width: 100%;
    object-fit: cover;
    object-position: center;

    transition: all 0.5s ease;
}

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

/*  */
.nede_te3video video {
    max-width: 100%;
}

.nede_te4img {
    border-radius: 20px;
    overflow: hidden;
}

.nede_te4img img {
    width: 100%;
    object-fit: cover;
    object-position: center;

    transition: all 0.5s ease;
}

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

/*  */
.nede_end {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 0;
    border-top: 1px solid #DBDBDB;
    margin-top: 60px;
}

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

.nede_endl p {
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: var(--zj-con2-fol);
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    margin: 0 4px;
}

.nede_endl i {
    color: rgba(44, 44, 44, 1);
    font-size: 20px;
    line-height: normal;
}

/* nede_sw */
.nede_sw1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 100px;
    margin-top: 115px;
}

.nede_sw1h p {
    color: #2C2C2C;
    font-family: 'Fraunces 72pt';
    font-size: var(--zj-subh);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

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

.nede_sw1ch>div {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    margin: 0 !important;
    opacity: 1 !important;
    --w: 60px;
    width: var(--w);
    height: var(--w);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #2C2C2C;
    border-radius: 50%;
    transition: all 0.5s ease;
}

.nede_sw1ch>div:hover {
    background: #096D3C;
    border: 1px solid #096D3C;
}

.nede_sw1ch .swiper-button-next {
    margin-left: 20px !important;
}

.nede_sw1ch>div::after {
    content: "";
}

.nede_sw1ch>div i {
    font-size: 20px;
    color: rgba(44, 44, 44, 1);
    transition: all 0.5s ease;
}

.nede_sw1ch>div:hover i {
    color: #FFF;
}

/*  */
.nede_sw2 {
    position: relative;
}



/* 浩然建材（产品） */
.pro {
    position: relative;
}

.pro::after {
    position: absolute;
    content: "";
    width: 28vw;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(9, 109, 60, 0.04);
    pointer-events: none;
}

.proSa {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 100px 0;
}

.pro1 {
    width: 23.2%;
    flex: 0 0 auto;
    position: sticky;
    top: 120px;
}

.pro1l {
    margin-bottom: 23px;
}

.pro1l:last-child {
    margin-bottom: 0;
}

.pro1la {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    border-bottom: 1px solid rgba(9, 109, 60, 0.20);
    transition: all 0.5s ease;
}

.pro1l.on .pro1la {
    border-radius: 10px;
    border-bottom: 1px solid rgba(9, 109, 60, 0.20);
    background: #096D3C;
}

.pro1la:hover {
    border-radius: 10px;
    border-bottom: 1px solid rgba(9, 109, 60, 0.20);
    background: #096D3C;
}

.pro1la p {
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: var(--zj-ne2lh);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: all 0.5s ease;
}

.pro1la:hover p {
    color: #FFF;
}

.pro1l.on .pro1la p {
    color: #FFF;
}

.pro1la i {
    font-size: 24px;
    color: rgba(44, 44, 44, 1);
    transition: all 0.5s ease;
}

.pro1la:hover i {
    color: #FFF;
}

.pro1l.on .pro1la i {
    color: #FFF;
}

/*  */
.pro2 {
    width: calc(100% - 23.2% - 100px);
    flex: 0 0 auto;
}

.pro2h {
    margin-bottom: 60px;
}

.pro2h p {
    color: #2C2C2C;
    font-family: 'Fraunces 72pt';
    font-size: calc(var(--zj-sub_h) + 2px);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

/*  */
.pro2_u {
    margin-right: calc(-.5 * 3.1rem);
    margin-left: calc(-.5 * 3.1rem);
    margin-bottom: 10px;
}

.pro2_l {
    padding-right: calc(3.1rem * .5);
    padding-left: calc(3.1rem * .5);
    margin-bottom: 50px;
}

.pro2_la {
    display: block;
    position: relative;
}

.pro2_limg {
    position: relative;
    overflow: hidden;
}

.pro2_limg img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 0.5s ease;
    aspect-ratio: 4 / 5;
}

.pro2_limg img:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 12;
}

.pro2_la:hover .pro2_limg img:nth-child(2) {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0;
}

.pro2_lte {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 14;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 30px 20px;
    background: linear-gradient(180deg, rgba(38, 34, 31, 0.00) 0%, rgba(38, 34, 31, 0.80) 100%);
}

.pro2_lp p {
    color: #FFF;
    font-family: 'Inter';
    font-size: var(--zj-button);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pro2_li {
    display: flex;
    align-items: center;
    justify-content: center;
    --w: 32px;
    width: var(--w);
    height: var(--w);
    background: #FFF;
    border-radius: 50%;
    overflow: hidden;
    flex: 0 0 auto;
}

.pro2_li i {
    font-size: 12px;
    line-height: normal;
}

.pro2_la:hover .pro2_li i {
    animation: shuffle 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

/* 浩然建材（产品详情） */
.prodeSa {
    padding: 82px 0 100px;
}

/*  */
.prode1 {
    display: flex;
    justify-content: space-between;
}

.prode1lf {
    width: 52%;
    flex: 0 0 auto;
    position: sticky;
    top: 100px;
}

/* lunb */
.proDeSw_1,
.proDeSw_2 {
    position: relative;
}

.proDeSw_1 {
    margin-bottom: 40px;
}

#proDeSw_1,
#proDeSw_2 {
    overflow: hidden;
}

.somaSwImg img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 1 / 1;
}

.somaSwImg {
    border-radius: 6px;
    overflow: hidden;
}

#proDeSw_2 .swiper-slide .somaSwImg {
    position: relative;
    border-radius: 6px;
    border: 1px solid #096d3d00;
    transition: all 0.5s ease;
}

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

#proDeSw_2 .swiper-slide .somaSwImg::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(38, 34, 31, 0.2);
    transition: all 0.5s ease;
}

#proDeSw_2 .swiper-slide.on .somaSwImg::after {
    opacity: 0;
}

#swiper-button-next,
#swiper-button-prev {
    opacity: 1;
    --w: 60px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    border: 1px solid #096D3C;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease;
    z-index: 9999;
    pointer-events: auto !important;
    cursor: pointer !important;
}

#swiper-button-next:hover,
#swiper-button-prev:hover {
    background: #096D3C;
}

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

#swiper-button-next i,
#swiper-button-prev i {
    font-size: 24px;
    color: #096D3C;
    transition: all 0.5s ease;
}

#swiper-button-next:hover i,
#swiper-button-prev:hover i {
    color: #FFF;
}


/* 为zoom功能添加必要的样式 */
.proDeSw_1 .somaSwImg {
    position: relative;
    overflow: hidden;
    cursor: zoom-in;
}

.zoomImg {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: auto;
    height: auto;
    max-width: none !important;
    max-height: none !important;
}

/* ------------------- */
.prode1rg {
    width: calc(48% - 70px);
}

.prode1rgh {
    padding: 10px 0;
    margin-bottom: 20px;
}

.prode1rgh p {
    color: #2C2C2C;
    font-family: 'Fraunces 72pt';
    font-size: calc(var(--zj-ab1_1toph) + 4px);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.prode1rgp {
    border-radius: 10px;
    background: #F1F9ED;
    padding: 20px;
    margin-bottom: 30px;
}

.prode1rgp p {
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: var(--zj-ven2_la);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-ven2_la) * 1.5);
}

/*  */
.prode .nede_share {
    padding: 10px 0;
    border-bottom: 1px solid #DBDBDB;
    margin-bottom: 65px;
}

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

.prode1rgBtn>a {
    display: flex;
    align-items: center;
    border-radius: 60px;
    background: #096D3C;
    backdrop-filter: blur(10px);
    padding: 8px 8px 8px 22px;
    margin-right: 70px;
}

.prode1rgBtn>a:last-child {
    margin-right: 0;
}

.prode1rgBtn>a span {
    color: #FFF;
    font-family: 'Inter';
    font-size: var(--zj-button);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-right: 18px;
}

.prode1rgBtni {
    --w: 50px;
    width: var(--w);
    height: var(--w);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #FFF;
    overflow: hidden;
}

.prode1rgBtni i {
    color: #096D3C;
    font-size: 30px;
    line-height: normal;
}

.prode1rgBtn>a:hover .prode1rgBtni i {
    animation: shuffle 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/*  */
.prode1rguh {
    margin-top: 70px;
    margin-bottom: 20px;
}

.prode1rguh p {
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: var(--zj-ven2_la);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 10px 0;
}

.prode1rgu {
    margin-right: calc(-.5 * 1.8rem);
    margin-left: calc(-.5 * 1.8rem);
}

.prode1rgl {
    padding-right: calc(1.8rem * .5);
    padding-left: calc(1.8rem * .5);
    margin-bottom: 28px;
}

.prode1rgl_box {
    display: block;
    border-radius: 10px;
    border: 1px solid #DBDBDB;
    transition: all 0.5s ease;
}

.prode1rgl_box:hover {
    border: 1px solid #096D3C;
}

.prode1rglimg {
    overflow: hidden;
}

.prode1rglimg img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 0.5s ease;
    width: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 1 / 1;
}

.prode1rgl_box:hover .prode1rglimg img {
    transform: scale(1.08);
}

.prode1rglp {
    padding: 10px;
}

.prode1rglp p {
    color: #666;
    font-family: 'Inter';
    font-size: var(--zj-con2-fol);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    transition: all 0.5s ease;
}

.prode1rgl_box:hover .prode1rglp p {
    color: #096D3C;
}

/*  */
.prode_faql {
    padding: 16px 40px;
    border-bottom: 1px solid #EEE;
    transition: all 0.5s ease;
}

.prode_faql.on {
    border-radius: 20px;
    border-bottom: 1px solid #EEE;
    background: rgba(9, 109, 60, 0.04);
}

.prode_faql1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.prode_faql1lf {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 73%;
    flex: 0 0 auto;
}

.prode_faqlnum p {
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: var(--zj-con1_lico);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.prode_faqlnumh {
    width: calc(100% - 150px);
    flex: 0 0 auto;
}

.prode_faqlnumh p {
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: var(--zj-con1_lico);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.prode_faqli {
    --w: 30px;
    width: var(--w);
    height: var(--w);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease;
}

.prode_faqli {
    transition: all 0.5s ease;
    transform: rotate(180deg);
}

.prode_faql.on .prode_faqli {
    transform: rotate(0);
}

.prode_faqli i {
    font-size: 18px;
    color: #096D3C;
}

/*  */
.prode_faql2 {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.8s ease;
}

.prode_faql.on .prode_faql2 {
    max-height: 400px;
    opacity: 1;
}

.prode_faql2te {
    width: 73%;
    padding-left: 150px;
    margin-top: 20px;
}

.prode_faql2te p {
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: var(--zj-ven2_la);
    font-style: normal;
    font-weight: normal;
    line-height: normal;
}

/* prode表单 */
.nede_te6 .con2-fo {
    max-width: 100%;
    width: 100%;
}

.nede_te6 .con2-fou {
    margin-right: calc(-.5 * 1.3rem);
    margin-left: calc(-.5 * 1.3rem);
}

.nede_te6 .con2-fol {
    margin-bottom: 20px;
    padding-right: calc(1.3rem * .5);
    padding-left: calc(1.3rem * .5);
}

.nede_te6 .con2-fol:last-child {
    margin-bottom: 20px;
}

.nede_te6 .con2-fol input,
.nede_te6 .con2-fol textarea,
.nede_te6 .form-input {
    border-radius: 8px;
    border: 1px solid rgba(9, 109, 60, 0.10);
    background: rgba(9, 109, 60, 0.04);
    padding: 19px 20px;
    color: #333;
    font-family: 'Inter';
    font-size: var(--zj-ne2lh);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-ne2lh) * 1.63636);
}

.nede_te6 .con2-fol input::-webkit-input-placeholder {
    color: #333;
}

.nede_te6 .con2-fol input::-moz-placeholder {
    color: #333;
}

.nede_te6 .con2-fol input::-ms-input-placeholder {
    color: #333;
}

.nede_te6 .con2-fol textarea::-webkit-input-placeholder {
    color: #333;
}

.nede_te6 .con2-fol textarea::-moz-placeholder {
    color: #333;
}

.nede_te6 .con2-fol textarea::-ms-input-placeholder {
    color: #333;
}

.nede_te6 .con2-fobt button {
    background: #096D3C;
}

/*  */
.prode3 {
    padding-top: 100px;
}

.prode3_1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 80px;
}

/* 产品详情sw */
.prode3_2top {
    position: relative;
}

.prode3_2img {
    position: relative;
    overflow: hidden;
    display: block;
}

.prode3_2img img {
    width: 100%;
    height: 480px;
    object-fit: cover;
    object-position: center;
    transition: all 0.5s ease;
}

.swiper-slide:nth-child(1) .prode3_2img img,
.swiper-slide:nth-child(4) .prode3_2img img,
.swiper-slide:nth-child(7) .prode3_2img img,
.swiper-slide:nth-child(10) .prode3_2img img,
.swiper-slide:nth-child(13) .prode3_2img img,
.swiper-slide:nth-child(16) .prode3_2img img {
    height: 520px;
}

.swiper-slide:nth-child(3) .prode3_2img img,
.swiper-slide:nth-child(6) .prode3_2img img,
.swiper-slide:nth-child(9) .prode3_2img img,
.swiper-slide:nth-child(12) .prode3_2img img,
.swiper-slide:nth-child(15) .prode3_2img img,
.swiper-slide:nth-child(18) .prode3_2img img {
    height: 420px;
}

.prode3_2img img:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.prode3_2box:hover .prode3_2img img:nth-child(2) {
    transform: translate(-50%, -50%) scale(1.08);
    opacity: 0;
}

.searchcc .prode3_2img img {

    height: auto;
    aspect-ratio: 1 / 1;
    width: 100%;
}

.prode3_2add {
    display: flex;
    width: calc(100% - 60px);
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    z-index: 12;
    border-radius: 60px;
    background: #096D3C;
    backdrop-filter: blur(10px);
    padding: 8px 8px 8px 22px;
    transition: all 0.5s ease;
    opacity: 0;
}

.prode3_2box:hover .prode3_2add {
    opacity: 1;
    bottom: 38px;
}

.prode3_2add p {
    color: #FFF;
    font-family: 'Inter';
    font-size: var(--zj-button);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.prode3_2addi {
    flex: 0 0 auto;
    --w: 50px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.prode3_2addi i {
    font-size: 30px;
    color: #096D3C;
    line-height: normal;
}

.prode3_2add:hover .prode3_2addi i {
    animation: shuffle 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.prode3_2te {
    display: block;
    padding: 20px 0;
}

.prode3_2te p {
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: var(--zj-con1_lico);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.prode3_2te p span {
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: var(--zj-ven2_la);
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.prode4h {
    border-radius: 8px;
    background: rgba(9, 109, 60, 0.04);
    padding: 20px;
    margin-bottom: 20px;
}

.prode4h p {
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: var(--zj-ne2lh);
    font-style: normal;
    font-weight: 600;
    line-height: calc(var(--zj-ne2lh) * 1.63636);
}

/* about */
.ab1 {
    padding: 100px 0 80px;
}

.ab1_h p {
    margin-bottom: 24px;
}

.ab1_h p {
    color: #2C2C2C;
    font-family: 'Fraunces 72pt';
    font-size: calc(var(--zj-ne2lh) + 2px);
    font-style: normal;
    font-weight: normal;
    line-height: calc((var(--zj-ne2lh) + 2px) * 1.58);
}

/*  */
.ab1_end {
    display: flex;
    justify-content: space-between;
}

.ab1_endimg {
    width: calc(43% - 40px);
    flex: 0 0 auto;
}

.ab1_endimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top right;
}

.ab1_end1 {
    width: 57%;
    flex: 0 0 auto;
}

/*  */
.ab1_endh {
    margin-bottom: 42px;
}

.ab1_endh p {
    color: #2C2C2C;
    font-family: 'Fraunces 72pt';
    font-size: var(--zj-prode1-2h);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.ab1_endp {
    margin-bottom: 60px;
}

.ab1_endp p {
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: var(--zj-ne2lh);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-ne2lh) * 1.72);
}

.ab1_endu {
    display: flex;
    justify-content: space-between;
    margin-bottom: 95px;
}

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

.ab1_endl1 p {
    color: #096D3C;
    font-family: 'Fraunces 72pt';
    font-size: var(--zj-subh);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.ab1_endl1 span {
    color: #096D3C;
    font-family: 'Fraunces 72pt';
    font-size: var(--zj-ab1_1toph);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.ab1_endl2 p {
    color: #096D3C;
    font-family: 'Fraunces 72pt';
    font-size: var(--zj-button);
    font-style: normal;
    font-weight: normal;
    line-height: normal;
}

.ab1_endbtn {
    display: flex;
}

.ab1_enda {
    display: flex;
    align-items: center;
    border-radius: 10px;
    background: #096D3C;
    padding: 10px 20px;
}

.ab1_endai {
    margin-right: 9px;
    overflow: hidden;
}

.ab1_endai i {
    font-size: 32px;
    color: #FFF;
    line-height: normal;
    display: block;
}

.ab1_enda:hover .ab1_endai i {
    animation: shuffle 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.ab1_endap p {
    color: #FFF;
    font-family: 'Inter';
    font-size: var(--zj-ven2_la);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/* ab2 */
.ab2 {
    display: flex;
    justify-content: space-between;
    background: url(../images/ab2bg.jpg) no-repeat;
    background-size: cover;
    background-position: top left;
}

.ab2_1 {
    width: 56%;
    flex: 0 0 auto;
    padding: 76px 0;
    padding-right: 140px;
}

.ab2_1h {
    margin-bottom: 40px;
}

.ab2_1h p {
    color: #FFF;
    font-family: 'Fraunces 72pt';
    font-size: var(--zj-button);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-button) * 1.58);
}

.ab2_1l {
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}

.ab2_1l:last-child {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
}

.ab2_1lh {
    margin-bottom: 20px;
}

.ab2_1lh p {
    color: #FFF;
    font-family: 'Fraunces 72pt';
    font-size: calc(var(--zj-sub_h) + 2px);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.ab2_1lp {
    margin-bottom: 40px;
}

.ab2_1l:last-child .ab2_1lp {
    margin-bottom: 0;
}

.ab2_1lp p {
    color: #FFF;
    font-family: 'Inter';
    font-size: var(--zj-con2-fol);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-con2-fol) * 1.66);
}

.ab2_2 {
    width: 44.2%;
    flex: 0 0 auto;
}

.ab4_l2u {
    /* width: 100%; */
}

.ab2_2sw {
    position: relative;
}

.ab2_2 #ab2_2sw {
    border-radius: 0 !important;
}

#ab2_2sw {
    overflow: hidden;
}

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

#ab2_2sw .swiper-button-prev,
#ab2_2sw .swiper-button-next {
    --w: 60px;
    width: var(--w);
    height: var(--w);
    display: flex;
    align-items: center;
    justify-content: center;
    fill: rgba(251, 255, 245, 0.20);
    backdrop-filter: blur(5px);
    border-radius: 50%;
    transition: all 0.5s ease;
}

#ab2_2sw .swiper-button-prev:hover,
#ab2_2sw .swiper-button-next:hover {
    background: #04512B;
}

#ab2_2sw .swiper-button-prev {
    left: 25px;
}

#ab2_2sw .swiper-button-next {
    right: 25px;
}

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

#ab2_2sw .swiper-button-prev i,
#ab2_2sw .swiper-button-next i {
    font-size: 20px;
    color: #FFF;
}

/* ab3 */
.ab3 {}

.ab3Sa {
    padding: 160px 0 80px;
}

.ab3_h {
    margin-bottom: 80px;
}

.ab3_h p {
    color: #2C2C2C;
    text-align: center;
    font-family: 'Fraunces 72pt';
    font-size: var(--zj-subh);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

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

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

.ab3_lbox {
    border-radius: 20px;
    background: rgba(9, 109, 60, 0.04);
    height: 100%;
    padding: 40px;
    transition: all 0.5s ease;
}

.ab3_lbox:hover {
    background: rgba(9, 109, 60, 0.04);
    box-shadow: 0 2px 8px 0 rgba(4, 81, 43, 0.20);
}

.ab3_l1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 54px;
}

.ab3_l1p p {
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: var(--zj-prode1-2h);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.ab3_l2p p {
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: var(--zj-con2-fol);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-con2-fol) * 1.66);
}

/* ab4 */
.ab4 {
    background: url(../images/ab4bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ab4Sa {
    padding: 103px 0 108px;
}

.ab4_h {
    margin-bottom: 50px;
}

.ab4_h p {
    color: #FFF;
    text-align: center;
    font-family: 'Fraunces 72pt';
    font-size: var(--zj-subh);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

/*  */
.ab4_ulbox1 {
    margin-bottom: 80px;
}

.ab4_u1 {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.ab4_u1::after {
    position: absolute;
    content: "";
    width: 90%;
    height: 1px;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 1px dashed rgba(255, 255, 255, 0.40);
    top: 42px;
}

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

.ab4_l1box {
    max-width: 200px;
    padding: 20px 14px;
    border-radius: 20px;
    height: 100%;
    transition: all 0.5s ease;
    cursor: pointer;
}

.ab4_l1.on .ab4_l1box {
    background: #096D3C;
}

.ab4_l1num p {
    --w: 46px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #096D3C;
    text-align: center;
    font-family: 'Fraunces 72pt';
    font-size: var(--zj-button);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: auto;
    margin-bottom: 20px;
}

.ab4_l1p p {
    color: #FFF;
    text-align: center;
    font-family: 'Inter';
    font-size: var(--zj-ven2_la);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

/*  */
.ab4_l2 {
    display: none;
}

.ab4_l2.on {
    display: flex;
}

.ab4_l2l>div {
    border-radius: 20px;
    width: 100%;
    overflow: hidden;
}

.ab4_l2l>div img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 0.5s ease;
}

.ab4_l2l>div:hover img {
    transform: scale(1.08);
}

/* ab5 */
.ab5Sa {
    padding: 130px 0 120px;
}

.ab5_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 80px;
}

.ab5_h p {
    color: #2C2C2C;
    text-align: center;
    font-family: 'Fraunces 72pt';
    font-size: var(--zj-subh);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.ab5_chan {
    display: flex;
    align-content: center;
}

.ab5_chan>div {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    margin: 0 !important;
    opacity: 1 !important;
    --w: 60px;
    width: var(--w);
    height: var(--w);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #2C2C2C;
    border-radius: 50%;
    transition: all 0.5s ease;
}

.ab5_chan>div:hover {
    background: #096D3C;
    border: 1px solid #096D3C;
}

.ab5_chan .swiper-button-next {
    margin-left: 20px !important;
}

.ab5_chan>div::after {
    content: "";
}

.ab5_chan>div i {
    font-size: 20px;
    color: rgba(44, 44, 44, 1);
    transition: all 0.5s ease;
}

.ab5_chan>div:hover i {
    color: #FFF;
}

/*  */
.ab5_bg {
    background: url(../images/ab5bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    overflow: hidden;
    padding: 30px 20px;
    padding: 120px 80px 30px 20px;
    position: relative;
    transition: all 0.5s ease;
}

.ab5_bg:hover {
    padding: 30px 20px;
}

.so4 #ab5_sw {
    overflow: hidden;
}

.ab5_swte {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    top: 30px;
    left: 20px;
}

.ab5_swte img {
    width: 52px;
    margin-right: 10px;
    flex: 0 0 auto;
}

.ab5_swte p {
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: var(--zj-ven2_la);
    font-style: normal;
    font-weight: 500;
    line-height: calc(var(--zj-ven2_la) * 1.3);
    text-transform: capitalize;
    word-break: break-all;
    max-width: 200px;
}

.ab5_swimg {
    background: #096D3C;
    padding: 7px;
    position: relative;
    z-index: 12;
}

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

.ab6Sa {
    padding-bottom: 100px;
}


/* ------------------------------------------------------------ */
/* -------------------------------------------------------- */
/* inquiry */
.container {
    padding: 0;
    padding: 120px 0;
}

.cart {
    /* background-color: #F9F9F9; */
}

.cart .cart-box .pic {
    max-width: 146px;
    margin: auto;
}

.cart .cart-box .img-box {
    padding-bottom: 100%;
}

.cart .cart-box .title-inquiry-info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 6px;
    background: #096D3C;
}

.cart .cart-box .title-inquiry-info .item {
    padding: 20px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    line-height: normal;

    font-family: 'Inter';
    text-align: center;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: 25%;
}

.cart .cart-box .title-inquiry-info .item label input {
    -webkit-appearance: auto;
    appearance: auto;
}

.cart .cart-box .inquiry-list {
    background-color: transparent;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}

.cart .cart-box .inquiry-list::after {
    width: 100%;
    bottom: 0;
    left: 0;
    height: 1px;
    background-color: #DBDBDB;
    content: "";
    position: absolute;
}

.cart .cart-box .inquiry-list .item {
    padding: 20px;

    font-family: obj5;
    font-size: 18px;
    font-style: normal;
    line-height: normal;

    color: #2C2C2C;
    font-family: 'Inter';
    font-size: calc(var(--zj-button) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    text-align: center;
    width: 25%;
}

.cart .cart-box .inquiry-list .item label input {
    -webkit-appearance: auto;
    appearance: auto;
}

.cart .cart-box .inquiry-list .number-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cart .cart-box .inquiry-list .number-box span {
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 36px;
    margin: 0;
    margin-top: -2px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e5e5e5;
    background-color: transparent;
}

.cart .cart-box .inquiry-list .number-box span:hover {
    background: #096D3C;
    color: #FFF;
}

.cart .cart-box .inquiry-list .number-box .ipt-num {
    font-size: 16px;
    line-height: 34px;
    position: relative;
    width: 60px;
    height: 34px;
    text-align: center;
    vertical-align: top;
    border: none;
    outline: none;
    background: transparent;
}

.cart .cart-box .inquiry-list .number-box .ipt-num::-webkit-outer-spin-button,
.cart .cart-box .inquiry-list .number-box .ipt-num::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

.cart .cart-box .inquiry-list .number-box .ipt-num[type="number"] {
    -moz-appearance: textfield;
}

.cart .cart-box .inquiry-list .iclose {
    position: relative;
    cursor: pointer;
}

.cart .cart-box .inquiry-list .iclose:hover::after {
    color: #254b9e;
}

.cart .cart-box .inquiry-list .iclose::after {
    font-family: "iconfont" !important;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    content: "\e642";
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    color: #000;
    z-index: 10;
}

.cart .cart-box .inquiry-list .iclose:hover:after {
    color: #000;
}

.cart .cart-box .checkbox {
    width: 10%;
}

.cart .cart-box .pimg,
.cart .cart-box .number {
    width: 16%;
}

.cart .cart-box .pname {
    width: 44%;
}

.cart .cart-box .pname2 {
    display: none;
}

.cart .cart-box .operation {
    width: 10%;
}

.cart .cart-box .det-tit {
    width: 100%;
    position: relative;
    color: #000;
    font-size: var(--20);
    font-weight: 500;
    padding-bottom: 16px;
    margin-bottom: 24px;
}

.cart .cart-box .det-tit::after {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #d9d9d9;
    content: "";
    bottom: 0;
    left: 0;
}

.cart .cart-box .pimg-pname-num {
    display: none;
}

.cart .cart-box .pimg-pname-num p {
    margin-bottom: 20px;
}

.cart .detailscontent .requestbox {
    padding-top: var(--36);
    padding-bottom: var(--64);
}

@media (max-width: 1400px) {
    .cart .cart-box .title-inquiry-info .item {
        font-size: 24px;
        padding: 10px;
    }

    .cart .cart-box .inquiry-list .item {
        font-size: 14px;
        padding: 10px;
    }
}

.cartcontent .container {
    max-width: 100%;
}

.wrap-show {
    margin-bottom: 110px !important;
}

@media (max-width: 768px) {
    .cartcontent>div {
        overflow: scroll;
        padding: 0;
        max-width: 100% !important;
        margin-bottom: 30px !important;
        margin-top: 40px !important;
    }

    .cartcontent>div::-webkit-scrollbar {
        display: block;
        width: 0px;
        height: 4px;
    }

    .cartcontent>div::-webkit-scrollbar-thumb {
        border-radius: 999px;
        border: 0px solid transparent;
        background-clip: content-box;
        background-color: #096D3C;
    }

    .cartcontent>div::-webkit-scrollbar-track {
        background-color: #f0f0f08c;
        border-radius: 999px;
    }

    .cart .cart-box {
        min-width: 762px;
    }

    .cart .cart-box .pimg-pname-num {
        display: block;
        width: 80%;
    }

    .cart .cart-box .pimg-pname-num .cart-img {
        max-width: 300px;
    }

    .wrap-show .common-form {
        /* margin-top: 40px; */
        padding: 0 0 60px !important;
    }

    .cart .cart-box .pic {
        max-width: 120px;
    }
}

.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%;
        object-fit: cover;
        object-position: center;
    }
}

/*  */
/* 详情页面 */
.wrap-show .common-form {
    /* margin-top: 40px; */
    padding: 0 0 140px;
}


.common-form h2 {
    color: #333;
    font-family: obj7;
    font-size: var(--zj-con2h);
    font-style: normal;
    line-height: normal;
    margin-bottom: 24px;
}

.wrap-show .common-form form .row .col-12 .form-group input,
.wrap-show .common-form form .row .col-12 .form-group textarea {
    background: #F2F3F2;
    color: #4D6359;
    width: 100%;
    font-family: in4;
}

.wrap-show .common-form form .row .col-12 .form-group input::placeholder,
.wrap-show .common-form form .row .col-12 .form-group textarea::placeholder {
    color: #4D6359;
}

.wrap-show .common-form form .row .col-12 .form-group input:focus::placeholder,
.wrap-show .common-form form .row .col-12 .form-group textarea:focus::placeholder {
    color: #ccc;
}

.wrap-show .info .tit {
    padding: 15px 0;
    border-bottom: 1px solid #e3e3e3;
}

@media (max-width: 1199px) {
    .wrap-show .info .tit {
        padding: 10px 0;
    }
}

.wrap-show .info .tit h2 {
    color: #222;
    font-size: 22px;
    font-family: in7;
    line-height: 32px;
    text-transform: capitalize;
}

@media (max-width: 1199px) {
    .wrap-show .info .tit h2 {
        font-size: 18px;
        line-height: normal;
    }
}

.wrap-show .info .date span {
    display: block;
    color: #999;
    line-height: 24px;
    text-transform: capitalize;
    font-family: in4;
}

@media (max-width: 1199px) {
    .wrap-show .info .date span {
        font-size: 14px;
        line-height: normal;
    }
}

.wrap-show .info .date .day {
    font-size: 60px;
    letter-spacing: -3px;
}

@media (max-width: 1199px) {
    .wrap-show .info .date .day {
        font-size: 32px;
        letter-spacing: normal;
    }
}

@media (max-width: 767px) {
    .wrap-show .info .date .day {
        font-size: 26px;
    }
}

.wrap-show .info .date .month {
    font-size: 18px;
    letter-spacing: -0.9px;
    text-transform: capitalize;
}

@media (max-width: 1199px) {
    .wrap-show .info .date .month {
        font-size: 14px;
        letter-spacing: normal;
    }
}

.wrap-show .info .date i {
    margin-right: 10px;
}

@media (max-width: 1199px) {
    .wrap-show .info .date i {
        margin-right: 5px;
    }
}

.wrap-show .info .editor-content {
    margin-top: 20px;
}

.wrap-show .info .editor-content p,
.wrap-show .info .editor-content b {
    color: #666;
    line-height: 24px;
    text-transform: capitalize;
    font-family: in5;
}

.wrap-show .info .editor-content ul li {
    position: relative;
    padding-left: 8px;
}

.wrap-show .info .editor-content ul li::after {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #666;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 1199px) {

    .wrap-show .info .editor-content p,
    .wrap-show .info .editor-content b {
        font-size: 14px;
        line-height: 26px;
    }
}

.wrap-show .info .share {
    margin-top: 35px;
}

@media (max-width: 1199px) {
    .wrap-show .info .share {
        margin-top: 20px;
    }
}

.wrap-show .info .share .share-to span {
    color: #222;
    font-size: 18px;
    margin-right: 10px;
    /* font-weight: bold; */
    font-family: in6;
}

@media (max-width: 1199px) {
    .wrap-show .info .share .share-to span {
        font-size: 14px;
        margin-right: 5px;
    }
}

.wrap-show .info .link {
    display: flex;
    flex-direction: column;
    margin-top: 35px;
}

@media (max-width: 1199px) {
    .wrap-show .info .link {
        margin-top: 20px;
    }
}

.wrap-show .info .link .prev,
.wrap-show .info .link .next {
    color: #222;
    margin: 15px 0;
    font-family: in4;
}

@media (max-width: 1199px) {

    .wrap-show .info .link .prev,
    .wrap-show .info .link .next {
        margin: 7px 0;
    }
}

@media (max-width: 1199px) {

    .wrap-show .info .link .prev span,
    .wrap-show .info .link .next span {
        font-size: 14px;
    }
}

.wrap-show .info .link .prev a,
.wrap-show .info .link .next a {
    display: inline-block;
    transition: all 0.4s;
}

@media (max-width: 1199px) {

    .wrap-show .info .link .prev a,
    .wrap-show .info .link .next a {
        font-size: 14px;
    }
}

.wrap-show .info .link .prev a:hover,
.wrap-show .info .link .next a:hover {
    text-decoration: underline;
    color: #0F9F49;
}

.common-form form .row .col-12 .form-group {
    margin-bottom: 30px;
}

@media (max-width: 1199px) {
    .common-form form .row .col-12 .form-group {
        margin-bottom: 15px;
    }
}

.common-form form .row .col-12 .form-group input {
    width: 100%;
    line-height: 48px;
    border: none;
    background: #fff;
    padding: 0 15px;
    border-radius: 6px;
    color: #666;
}

@media (max-width: 1199px) {
    .common-form form .row .col-12 .form-group input {
        line-height: 40px;
    }
}

.common-form form .row .col-12 .form-group input::placeholder {
    color: #666;
    letter-spacing: 0.32px;
    transition: all 0.2s;
}

@media (max-width: 1199px) {
    .common-form form .row .col-12 .form-group input::placeholder {
        font-size: 14px;
        letter-spacing: normal;
    }
}

.common-form form .row .col-12 .form-group input:focus::placeholder {
    color: #ccc;
}

.common-form form .row .col-12 .form-group textarea {
    resize: none;
    width: 100%;
    border: none;
    background: #fff;
    padding: 15px;
    border-radius: 6px;
    color: #666;
}

.common-form form .row .col-12 .form-group textarea::placeholder {
    color: #666;
    letter-spacing: 0.32px;
    text-transform: capitalize;
    transition: all 0.2s;
}

@media (max-width: 1199px) {
    .common-form form .row .col-12 .form-group textarea::placeholder {
        font-size: 14px;
        letter-spacing: normal;
    }
}

.common-form form .row .col-12 .form-group textarea:focus::placeholder {
    color: #ccc;
}

.common-form form .row .col-12 .submit-group {
    margin-top: 20px;
}

@media (max-width: 1199px) {
    .common-form form .row .col-12 .submit-group {
        margin-top: 15px;
    }
}

.common-form form .row .col-12 .submit-group button {
    border-radius: 20px;
    background: #F2F3F2;
    border: none;
    text-align: center;
    padding: 10px 60px;
    color: #444;
    transition: all 0.3s;
    font-family: man7;
}

@media (max-width: 1199px) {
    .common-form form .row .col-12 .submit-group button {
        padding: 8px 30px;
        font-size: 14px;
    }
}

.common-form form .row .col-12 .submit-group button:hover {
    background: #2265A8;
    color: #fff;
}

.common-form form .row .col-12 .submit-group button i {
    margin-left: 10px;
}

@media (max-width: 499px) {
    .wrap-show .common-form {
        /* margin-top: 40px; */
        padding: 0 0 40px;
    }
}

/* --------------------------------------------------------------------------------------------- */
.search {
    padding: 366px 0 140px;
    position: relative;
}

.searchbg {
    position: absolute;
    width: 100%;
    object-fit: cover;
    object-position: center;
    left: 0;
    top: 0;
    z-index: -1;
    pointer-events: none;
}

.searchbg2 {
    top: auto;
    bottom: 0;
}

.seaTop {
    margin-bottom: 88px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.seaTop1 {
    /* flex: 0 0 auto; */
}

.seaTop1 p {
    color: #333;
    font-family: obj7;
    font-size: var(--zj-con2h);
    font-style: normal;
    line-height: normal;
}

.seaTop1 span {
    color: #B39879;
}

.seaTop2 {
    flex: 0 0 auto;
}

.seaTop2fo {
    border-radius: 100px;
    background: #F8F8F8;
    padding: 10px 20px 10px 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.seaTop2fo i {
    font-size: 24px;
    margin-right: 28px;
}

.seaTop2fo>input {
    width: 500px;
    margin-right: 30px;
    color: #999;
    font-family: obj5;
    font-size: var(--zj-ven2_la);
    font-style: normal;
    line-height: normal;
    background: transparent;
    border: none;
}

.seaTop2fo>input::-webkit-input-placeholder {
    color: rgba(153, 153, 153, 0.5);
}

.seaTop2fo>input:-moz-placeholder {
    color: rgba(153, 153, 153, 0.5);
}

.seaTop2fo>input::-moz-placeholder {
    color: rgba(153, 153, 153, 0.5);
}

.seaTop2fo>input:-ms-input-placeholder {
    color: rgba(153, 153, 153, 0.5);
}

.seaTop2fo button {
    background: transparent;
}

.seaTop2fo button input {
    border-radius: 101px;
    background: #B39879;
    padding: 16px 40px;
    color: #FFF;
    font-family: obj5;
    font-size: var(--zj-ven2_la);
    font-style: normal;
    line-height: normal;
    transition: all 0.5s ease;
}

.seaTop2fo button:hover input {
    background: #CEB08D;
}

@media (max-width: 1536px) {
    .searchbg {
        height: 300px;
    }

    .seaTop {
        margin-bottom: 38px;
    }

    .seaTop2fo input {
        width: 260px;
    }

    .seaTop2fo {
        padding: 4px 6px 4px 19px
    }

    .seaTop2fo i {
        font-size: 20px;
        margin-right: 18px;
    }

    .search {
        padding: 266px 0 70px;
    }
}

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

    .seaTop1 {
        margin-bottom: 18px;
    }
}

@media (max-width: 499px) {
    .seaTop2fo button {
        padding: 6px 0px;
    }

    .seaTop2fo i {
        display: none;
    }


    .seaTop2fo input {
        width: 170px;
    }

    .seaTop2fo input {
        width: 187px;
    }

    .seaTop2fo {
        padding: 4px 4px 4px 12px;
    }

    .seaTop2fo i {
        font-size: 18px;
    }

    .search {
        padding: 166px 0 40px;
    }
}

.cuowup {
    padding: 190px 0 70px;
}

.cuowup p {
    color: #999;
    text-align: center;
    font-family: obj5;
    font-size: var(--zj-ven2_la);
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
}

@media (max-width: 1536px) {
    .cuowup {
        padding: 120px 0 70px;
    }
}

@media (max-width: 499px) {
    .cuowup {
        padding: 40px 0 70px;
    }
}



/*  */
/* float-window */
.float-window {
    position: fixed;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999999;
    transition: all 0.3s ease;
    border-radius: 50px;
    padding: 7px 10px;
    background: #FBF9F7;
    box-shadow: 0px 4px 20px 0px rgba(43, 43, 43, 0.15);

    border-radius: 60px;
    background: #FBFFF5;
    box-shadow: 0 0 10px 0 rgba(164, 164, 164, 0.25);
}

.window-box>a {
    --w: 40px;
    width: var(--w);
    height: var(--w);
    border-radius: 44px;
    background: rgba(9, 109, 60, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 14px 0;
    transition: all 0.3s ease;
    position: relative;
}

.window-box>a:hover {
    background: #096D3C;
    transition: all 0.3s ease;
}

.window-box>a i {
    font-size: 26px;
    color: #096D3C;
}

.window-box>a:hover i {
    color: #fff;
}

.window-box>a p {
    position: absolute;
    width: max-content;
    right: 56px;
    opacity: 0;
    transition: all 0.5s ease;
    pointer-events: none;
}

.window-box>a:hover p {
    opacity: 1;
    pointer-events: auto;
}

.window-box>a p span {
    color: #fff;
    font-family: in4;
    font-size: var(--zj-ven2cona);
    font-style: normal;
    line-height: normal;
    background: #2265A8;
    padding: 20px 31px;
    border-radius: 4px;

    color: #FFF;
    font-family: obj5;
    font-size: var(--zj-button-ft);
    font-style: normal;
    line-height: calc(var(--zj-button-ft) * 1.25);
    border-radius: 200px;
    background: #B39879;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.20);
    display: block;
}

.box-inquiry>a {
    position: relative;
}

.box-inquiry>a span {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    font-size: 12px;
    right: 16%;
    top: 18%;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #F2780C;
    font-family: man4;
    transition: all 0.3s ease;
}

@media (max-width: 1536px) {
    .window-box>a {
        --w: 34px;
    }

    .window-box>a i {
        font-size: 18px;
    }

    .window-box>a p {
        right: 38px;
    }
}

@media (max-width: 1199.9px) {

    /* #float-window {
        display: none;
    } */
    #float-window .window-box {
        display: none;
    }

}

@media (max-width: 499px) {
    .box-inquiry>a span {
        width: 10px;
        height: 10px;
        right: 12%;
        top: 16%;
    }
}

/* .ven_sehinp {
    position: absolute;
    right: 0;
    top: 117%;
    transform: translateY(-50%);
    z-index: 12;
    pointer-events: none;
    opacity: 0;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
} */

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

.ven_sehinp>i:hover {
    transform: rotate(225deg);
}

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

.ven_sehfo input {
    color: #666;
    font-family: in4;
    font-size: var(--zj-ven2cona);
    font-style: normal;
    line-height: 100%;
    width: 86%;
    background: transparent;
    transition: all 0.3s ease;
}

.ven_sehfo input::-webkit-input-placeholder {
    color: rgba(102, 102, 102, 0.4);
}

.ven_sehfo input:-moz-placeholder {
    color: rgba(102, 102, 102, 0.4);
}

.ven_sehfo input::-moz-placeholder {
    color: rgba(102, 102, 102, 0.4);
}

.ven_sehfo input:-ms-input-placeholder {
    color: rgba(102, 102, 102, 0.4);
}

.ven_sehfo>span i {
    color: rgba(68, 68, 68, 1);
    font-size: 14px;
}

@media (max-width: 1536px) {
    .ven_sehinp {
        top: 200%;
    }

    .ven_sehinp {
        border-radius: 20px;
    }
}

@media (max-width: 499px) {
    .ven_sehinp {
        top: 156%;
        padding: 4px 0;
    }

    .ven_sehfo {
        width: 308px;
        padding: 7px 12px;
    }
}

.ven_language {
    position: relative;
}

.ven_language_erji {
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 76px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 12px 0px rgba(51, 51, 51, 0.35);
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.5s ease;
    z-index: 12;
}

.ven_language:hover .ven_language_erji {
    max-height: 400px;
    opacity: 1;
    overflow: visible;
}

.ven2_lsa:hover .ven_language_erji {
    max-height: 400px;
    opacity: 1;
    overflow: visible;
}

.ven_language_erjibg {
    padding: 20px;
}

.ven_language_erjibg>a {
    display: block;
    padding: 16px 0;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(217, 217, 217, 0.45);
}

.ven_language_erjibg>a:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.ven_language_erjibg>a span {
    color: #333;
    text-align: center;
    font-family: obj5;
    font-size: var(--zj-button-ft);
    font-style: normal;
    line-height: normal;
    display: block;
    text-align: center;
    transition: all 0.5s ease;
}

.ven_language_erjibg>a.on span {
    color: #B39879;
}

.ven_language_erjibg>a:hover span {
    color: #B39879;
}

@media (max-width: 1536px) {
    .ven_language_erjibg {
        padding: 10px;
    }

    .ven_language_erjibg>a {
        padding: 8px 0
    }

    .ven_language_erji {
        top: 62px;
    }
}

@media (max-width: 499px) {
    .ven_language_erji {
        width: 300%;
        top: 53px;
    }
}

.ven2_lsa_erji {
    width: 240%;
    top: 95px;
}

@media (max-width: 1536px) {
    .ven2_lsa_erji {
        top: 76px;
    }
}

.ven2_lsa_erjisp {
    opacity: 1;
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 76px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 12px 0px rgba(51, 51, 51, 0.35);
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.5s ease;
    z-index: 12;
    position: fixed;
    width: 91vw;
    top: 130px;
}

.ventricle .ven2_lsa_erjisp {
    top: 100px !important;
}

.ven2_lsa:hover .ven_language_erji {
    max-height: 700px !important;
    opacity: 1;
    overflow: visible;

}


/*  */
.sperji {
    display: flex;
    justify-content: space-between;
}

.sperji1_box {
    width: 24%;
    padding-right: 2%;
    flex: 0 0 auto;
    position: relative;
}

.sperji1_box::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    right: 0;
    top: 0;
    background: rgba(217, 217, 217, 0.45);
}

.sperji1a {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
    padding: 10px 0;
}

.sperji1a:last-child {
    margin-bottom: 0;
}

.sperji1a img {
    width: 38px;
    margin-right: 14px;
}

.sperji1a p {
    color: #333;
    font-family: obj5;
    font-size: var(--zj-ven2_la);
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    transition: all 0.5s ease;
}

.sperji1a:hover p {
    color: #B39879;
}

.sperji1a.on p {
    color: #B39879;
}

.ven2_lsa_erjisp .ven_language_erjibg {
    border-radius: 50px !important;
    padding: 46px;
}

.sperji2 {
    display: flex;
}

.sperji2_1 {
    width: 27%;
    flex: 0 0 auto;
    padding-right: 2%;
    position: relative;
}

.sperji2_1::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    right: 0;
    top: 0;
    background: rgba(217, 217, 217, 0.45);
}

.sperji2_box {
    width: calc(76% - 40px);
}

.sperji2 {
    display: none;
    justify-content: space-between;
}

.sperji2.on {
    display: flex;
}

/*  */
.sperji2_1a {
    margin-bottom: 28px;
    display: block;
}

.sperji2_1a:last-child {
    margin-bottom: 0;
}

.sperji2_1a p {
    color: #333;
    font-family: obj5;
    font-size: var(--zj-button-ft);
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    transition: all 0.5s ease;
}

.sperji2_1a:hover p {
    color: #B39879;
}

.sperji2_1a.on p {
    color: #B39879;
}

/*  */
.sperji2_2box {
    width: calc(100% - 27% - 40px);
}

/*  */
.sperji2_2ulbox {
    display: none;
}

.sperji2_2ulbox.on {
    display: flex;
}

.sperji2_2li {
    margin-bottom: 20px;
}

.sperji2_2liimg {
    position: relative;
    border-radius: 10px;
    background: #D9D9D9;
    overflow: hidden;
}

.sperji2_2lia {
    position: relative;
    display: block;
}

.sperji2_2liimg img {
    width: 100%;
}

.sperji2_2liimg img:nth-child(2) {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.5s ease;
}

.sperji2_2lia:hover .sperji2_2liimg img:nth-child(2) {
    transform: translate(-50%, -50%) scale(1.2);
    opacity: 0;
}

.sperji2_2lite {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 14;
    padding: 20px 16px;
}

.sperji2_2lite p {
    color: #FFF;
    font-family: obj7;
    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;
}

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

.sperji2_2li {
    padding-right: calc(1.2rem * .5);
    padding-left: calc(1.2rem * .5);
}

@media (max-width: 1536px) {

    .ventricle .ven2_lsa_erjisp {
        top: 80px !important;
    }

    .ven2_lsa_erjisp .ven_language_erjibg {
        border-radius: 50px !important;
        padding: 26px;
    }
}

/*  */
/* ------------------------------------------------------------ */
/* ind_ban */
.banner {
    font-size: 0;
    position: relative;
    z-index: 8;
    clear: both;
    overflow: hidden;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

.banner .swiper-slide-active img {
    animation: zoombig 3s forwards linear;
}

.banner .swiper-slide {
    overflow: hidden;
}

.banner .swiper-pagination {
    transition: all 0.5s ease;
    bottom: 32px;
}

.banner .item {
    position: relative;
    display: block;
    overflow: hidden;
}

.banner .item a {
    padding-bottom: 50%;
}

.banner-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner.hide-arrow .slick-arrow,
.banner.hide-arrow .swiper-pagination {
    display: none !important;
}

.banner.hide-video video {
    display: none !important;
}

.banner-video-box {
    position: relative;
    display: block;
    padding-bottom: 50%;
    -webkit-transform: translateZ(10px);
    transform: translateZ(10px);
}

.banner-video-box .fluid_video_wrapper {
    position: absolute;
    z-index: 10;
}

#video-id_fluid_controls_container {
    display: none !important;
}

.banner-video-box .fluid_initial_play {
    background-color: #152c5f !important;
}

.banner .mobile-video {
    position: relative;
    display: block;
}

.banner .mobile-video:after {
    z-index: 2;
    content: '';
    background-color: rgba(0, 0, 0, .1);
}

.banner .mobile-video:before {
    font-family: 'iconfont' !important;
    font-size: 50px;
    font-style: normal;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    content: '\e66e';
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    color: #fff;
    text-shadow: 0 0 20px rgba(0, 0, 0, .3);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.banner .slick-arrow {
    line-height: 80px;
    position: absolute;
    z-index: 20;
    top: 50%;
    width: 60px;
    height: 60px;
    padding: 0;
    -webkit-transition: top 0.1s ease-out, left 0.1s ease-out, right 0.1s ease-out;
    transition: top 0.1s ease-out, left 0.1s ease-out, right 0.1s ease-out;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
    background-color: #FBFFF5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    will-change: top, left;
    pointer-events: all;
}

.slick-prev {
    transform: translateY(-50%) rotate(-90deg) !important;
    left: 20px;
}

@media (max-width: 1536px) {
    .banner .swiper-pagination {
        bottom: 20px;
    }
}

@media (max-width: 991px) {
    .banner .slick-arrow {
        width: 20px;
        height: 50px;
    }

    .banner .item a {
        padding-bottom: 0;
    }

    .banner img {
        height: 400px;
    }

    .banner-video-box {
        padding-bottom: 0;
        height: 400px;
    }

    .banner .mobile-video:before {
        font-family: 'iconfont' !important;
        font-size: 30px;
    }
}

@media (max-width: 499px) {
    .banner .item a {
        padding-bottom: 0;
    }

    .banner .item.item-video {
        display: none;
    }

    .banner-video-box {
        padding-bottom: 0;
        height: 300px;
    }

    .banner img {
        height: 300px;
    }

    .banner .swiper-pagination {
        bottom: 22px !important;
    }

    .banner .swiper-pagination-bullet {
        width: 8px !important;
        height: 8px !important;
        margin: 0 4px !important;
    }

    .banner .swiper-pagination-bullet svg {
        width: 20px !important;
        height: 20px !important;
        display: none !important;
    }

    .banner .swiper-pagination-bullet span {
        width: 20px !important;
        height: 20px !important;
    }
}

.banner .slick-arrow:before {
    font-family: 'iconfont' !important;
    font-style: normal;
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 25px;
    content: '\ee4c';
    line-height: 1;
    color: #096D3C;
}

.banner .slick-arrow.slick-next {
    left: auto;
    right: 20px;
}

.banner .slick-arrow.slick-next:before {
    font-family: 'iconfont' !important;
    font-style: normal;
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 25px;
    content: '\e609';
    line-height: 1;
    color: #096D3C;
}

@media (max-width: 991px) {

    .banner .slick-arrow.slick-next:before,
    .banner .slick-arrow:before {
        font-size: 30px;
    }
}

.banner .slick-arrow:hover {
    color: #9e0a0d;
}

.banner .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    left: 50%;
    transform: translateX(-50%);
    bottom: 66px;
}

.banner .swiper-pagination-bullet {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 7px;
    cursor: pointer;
    vertical-align: middle;
    opacity: 1;
    background: #FBFFF5;
    transition: all 0.5s ease;
    border-radius: 10px;
}

.banner .swiper-pagination-bullet-active {
    width: 40px;
}

.banner .swiper-pagination-bullet svg {
    position: relative;
    z-index: 5;
    top: -1px;
    left: -1px;
    display: block;
    width: 40px;
    height: 40px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: none;
}

.banner .swiper-pagination-bullet svg circle {
    -webkit-transition: stroke-dashoffset .6s ease-out;
    transition: stroke-dashoffset .6s ease-out;
    stroke-width: 1px;
    stroke: #fff;
    stroke-dasharray: 300%;
    stroke-dashoffset: 300%;
    display: none;
}

.banner .swiper-pagination-bullet span {
    position: absolute;
    z-index: 4;
    top: -1px;
    left: -1px;
    width: 40px;
    height: 40px;
    -webkit-transition: border-color .3s ease-out;
    transition: border-color .3s ease-out;
    /* border: 1px solid rgba(158, 10, 13, 0); */
    border-radius: 50%;
    display: none;
}

.banner .swiper-pagination-bullet span:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 6px;
    height: 6px;
    margin: auto;
    content: '';
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
}

.banner .swiper-pagination-bullet-active svg circle {
    -webkit-animation: movedong 4s ease-out;
    animation: movedong 4s ease-out;
    stroke-dashoffset: 0;
}

.banner .swiper-pagination-bullet-active span {
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.banner .swiper-pagination-bullet-active span:after {
    background-color: #fff;
}

@-webkit-keyframes movedong {
    0% {
        stroke-dashoffset: 300%;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes movedong {
    0% {
        stroke-dashoffset: 300%;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes moveshou {
    0% {
        stroke-dashoffset: 0;
    }

    100% {
        stroke-dashoffset: 300%;
    }
}

@keyframes moveshou {
    0% {
        stroke-dashoffset: 0;
    }

    100% {
        stroke-dashoffset: 300%;
    }
}

@media (max-width: 1536px) {}

.ind-ban {
    position: relative;
}

.inban_te {
    position: absolute;
    left: 50%;
    top: 60%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 12;
    transition: all 0.5s ease;
}

/* .swiper-slide-active .inban_te {
    top: 50%;
} */

.inban_te p {
    color: #FFF;
    font-family: 'Fraunces 72pt';
    font-size: var(--zj-subh);
    font-style: normal;
    font-weight: 600;
    line-height: calc(var(--zj-subh) * 1.42);
    margin-bottom: 98px;
}

.inban_btn {
    display: flex;
}

.inban_btna {
    background: #FBFFF5;
    display: flex;
    align-items: center;
    border-radius: 100px;
    border: 1px solid #FFF;
    padding: 15px 30px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: all 0.5s ease;
}

.inban_btna:hover {
    border: 1px solid #096d3d00;
}

.inban_btna::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-color: #096D3C;
    transition-property: transform;
    transition-duration: 0.25s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: 100% 50%;
    transform: scaleX(0);
    border-radius: 100px;
}

.inban_btna:hover::after {
    transform: none;
    transform-origin: 0% 50%
}

.inban_btna span {
    color: #096D3C;
    font-family: 'Inter';
    font-size: var(--zj-button);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-right: 30px;
    transition: all 0.5s ease;
}

.inban_btna:hover span {
    color: #FFF;
}

.inban_btni {
    overflow: hidden;
    transform: rotate(-45deg);
}

.inban_btna i {
    font-size: 18px;
    color: #096D3C;
    line-height: normal;
    --w: 29px;
    width: var(--w);
    height: var(--w);
    display: flex;
    align-items: center;
    justify-content: center;
}

.inban_btna:hover .inban_btni i {
    color: #FFF;
    animation: shuffle 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

/*  */
.so1Sa {
    padding: 90px 0 130px;
}

.so1btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.so1_a {
    background: transparent;
    display: flex;
    align-items: center;
    border-radius: 100px;
    border: 1px solid #2C2C2C;
    padding: 15px 30px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: all 0.5s ease;
}

.so1_a:hover {
    border: 1px solid #096D3C;
}

.so1_a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-color: #096D3C;
    transition-property: transform;
    transition-duration: 0.25s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: 100% 50%;
    transform: scaleX(0);
    border-radius: 100px;
}

.so1_a:hover::after {
    transform: none;
    transform-origin: 0% 50%
}

.so1_a span {
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: var(--zj-button);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-right: 30px;
    transition: all 0.5s ease;
}

.so1_a:hover span {
    color: #FFF;
}

.so1_i {
    overflow: hidden;
    transform: rotate(-45deg);
}

.so1_a i {
    font-size: 18px;
    color: #2C2C2C;
    line-height: normal;
    --w: 29px;
    width: var(--w);
    height: var(--w);
    display: flex;
    align-items: center;
    justify-content: center;
}

.so1_a:hover i {
    color: #FFF;
    animation: shuffle 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.so2 {
    background: url(../images/so2img.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 70px;
}

.ab1_endsmh {
    margin-bottom: 18px;
}

.ab1_endsmh p {
    color: #FFF;
    font-family: 'Fraunces 72pt';
    font-size: var(--zj-subh);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.so2 .ab1_endh p {
    color: #FFF;
}

.so2 .ab1_endp p {
    color: #FFF;
}

.so2 .ab1_endl1 p {
    color: #FFF;
}

.so2 .ab1_endl1 span {
    color: #FFF;
}

.so2 .ab1_endl2 p {
    color: #FFF;
}

.so2 .ab1_end1 {
    padding-bottom: 88px;
}

.so2sw {
    position: relative;
    padding: 22px 32px 0 0;
    overflow: hidden;
}

.so2svg {
    position: absolute;
    right: 0;
    top: 0;
}

#ab2_2sw {
    overflow: hidden;
    transition: border-radius 0.5s ease;
    z-index: 12;
}

.so2 .ab1_endimg {
    width: calc(55% - 67px);
    flex: 0 0 auto;
}

.so2 .ab1_end1 {
    width: 45%;
}

.so2 .ab2_2swimg {}

/* .so2 .ab2_2swimg img {
    border-radius: 0 420px 0 0;
} */

.so2 #ab2_2sw .swiper-button-next {
    right: 56px;
}

.so2 .ab2_2swimg {
    position: relative;
}

.so2svg {
    position: absolute;
    right: 0;
    top: 0;
}

.so2_vr {
    display: block;
}

.so2_vrimg {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 100px;
    width: 100px;
    z-index: 12;
}

.so2_vrimg img {
    width: 100%;
    height: auto;
    min-height: auto !important;
    object-fit: cover;
    object-position: center;
    border-radius: 0 !important;
}

.so6 {
    position: relative;
    overflow: hidden;
}

.so6 {
    background: url(../images/faqditu.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.so6Sa {
    padding: 94px 0 90px;
}

.so6_box {
    max-width: 1355px;
    margin: auto;
}

.so6_h {
    margin-bottom: 40px;
}

.so6_h p {
    color: #FFF;
    text-align: center;
    font-family: 'Fraunces 72pt';
    font-size: var(--zj-subh);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.so6_ubox {
    border-radius: 20px;
    background: #FBFFF5;
    padding: 40px;
}

.so6 .prode_faql.on {
    background: #096D3C;
}

.so6 .prode_faql.on .prode_faqlnum p {
    color: #FFF;
}

.so6 .prode_faql.on .prode_faqlnumh p {
    color: #FFF;
}

.so6 .prode_faql1lf {
    width: 94%;
}

.so6 .prode_faql.on .prode_faql2te {
    width: 94%;
}

.so6 .prode_faql.on .prode_faql2te p {
    color: #FFF;
}

.so6 .prode_faql.on .prode_faqli i {
    color: #FFF;
}

.so5 {
    position: relative;
}

.so5::after {
    position: absolute;
    content: "";
    width: calc((100vw - 80.1vw) / 2);
    height: 100%;
    left: 0;
    top: 0;
    background: #FBFFF5;
    z-index: 12;
}

.so5Sa {
    padding-bottom: 130px;
}

.so4 {
    background: url(../images/zsdt.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.so4Sa {
    padding: 88px 0 64px;
}

.so4_h {
    margin-bottom: 30px;
}

.so4_h p {
    color: #FFF;
    text-align: center;
    font-family: 'Fraunces 72pt';
    font-size: var(--zj-subh);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.so4_u {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 42px;
}

.so4_lbox {
    border-radius: 40px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    padding: 10px 30px;
    margin: 0 10px 24px;
}

.so4_lbox p {
    color: #FFF;
    font-family: 'Inter';
    font-size: var(--zj-con2-fol);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-con2-fol) * 1.66667);
}

.so4 .ab5_chan {
    justify-content: center;
    margin-top: 32px;
}

.so4 .ab5_chan>div {
    color: #FFF;
    border: 1px solid #FFF;
}

.so4 .ab5_chan>div i {
    color: #FFF;
}

.so3Sa {
    padding: 106px 0 126px;
}

/* 修改栏目 池野。 tel/wachat:18720248770 2024.07.10 */
#ind-swiper>.swiper-wrapper .ind06-bg {
    background: #354B6D;
}

#so06 .so06Tit {
    padding-bottom: 73px;
}

#so06 .so06Tit p {
    font-family: Arial;
    font-size: 28px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: #86C250;
}

#so06 .so06Sw_01 {
    position: relative;
    margin-bottom: 70px;
}

#so06Sw_01 {
    overflow: hidden;
}

#so06Sw_01>.swiper-wrapper .swiper-slide>a {
    display: flex;
    justify-content: space-between;
}

#so06Sw_01>.swiper-wrapper .swiper-slide>a .so06Swcon {
    flex: 0 0 auto;
    width: calc(50% - 2%);
}

#so06Sw_01>.swiper-wrapper .swiper-slide>a .so06Swcon .so06Swt {
    padding-bottom: 50px;
}

#so06Sw_01>.swiper-wrapper .swiper-slide>a .so06Swcon .so06Swt p {
    font-family: Arial;
    font-size: 40px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: #FFFFFF;
    display: -webkit-box;
    -webkit-box-orient: vertical;

    overflow: hidden;
    text-overflow: ellipsis;
    width: 670px;
    max-width: 100%;


    color: #2C2C2C;
    font-family: 'Fraunces 72pt';
    font-size: calc(var(--zj-sub_h) + 6px);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

#so06Sw_01>.swiper-wrapper .swiper-slide>a .so06Swcon .so06Swtx p {
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    line-height: 29px;
    letter-spacing: 0em;
    color: #FFFFFF;

    display: -webkit-box;
    -webkit-box-orient: vertical;

    overflow: hidden;
    text-overflow: ellipsis;

    color: #2C2C2C;
    font-family: 'Inter';
    font-size: var(--zj-con2-fol);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-con2-fol) * 1.66667);
}

#so06Sw_01>.swiper-wrapper .swiper-slide>a .so06Swimg {
    flex: 0 0 auto;
    width: 50%;
    padding-left: 2%;
    margin: 0;
}

#so06Sw_01>.swiper-wrapper .swiper-slide>a .so06Swimg>.imgbox {
    width: 760px;
    max-width: 100%;
    overflow: hidden;
}

#so06Sw_01>.swiper-wrapper .swiper-slide>a .so06Swimg img {
    width: 100%;
    transition: all 0.5s ease;
}

#so06Sw_01>.swiper-wrapper .swiper-slide>a .so06Swimg:hover img {
    transform: scale(1.06);
}

#so06Sw_01>.swiper-button {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    bottom: -140px;
}


#so06Sw_01>.swiper-button>div::after {
    font-size: 22px;
    line-height: 22px;
    color: #86C250;
    font-weight: bold;
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#so06Sw_01>.swiper-button>div:hover:after {
    color: #FFFFFF;
}

#so06Sw_01>.swiper-button .swiper-button-prev::after {
    content: "";
}

#so06Sw_01>.swiper-button .swiper-button-next::after {
    content: "";
}

#so06Sw_02 {
    width: 96%;
}

#so06Sw_02>.swiper-wrapper {
    transform: translate3d(0px, 0, 0) !important;
}

#so06Sw_02>.swiper-wrapper .swiper-slide {
    margin-right: 32px;
    flex: 1;
}

#so06Sw_02>.swiper-wrapper .swiper-slide .so06Sw_02p {
    display: flex;
    align-items: center;
    position: relative;
    padding-top: 22px;
    cursor: pointer;
}

#so06Sw_02>.swiper-wrapper .swiper-slide .so06Sw_02p::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    top: 0;
    background: #DBDBDB;
    opacity: 0.5;
}

#so06Sw_02>.swiper-wrapper .swiper-slide .so06Sw_02p::before {
    position: absolute;
    content: "";
    width: 0%;
    height: 1px;
    left: 0;
    top: 0;
    background: #04512B;
}

#so06Sw_02>.swiper-wrapper .swiper-slide.swiper-slide-active .so06Sw_02p::before {
    width: 100%;
    transition: all 5s ease;
}

#so06Sw_02>.swiper-wrapper .swiper-slide .so06Sw_02p img {
    width: 60px;
}

#so06Sw_02>.swiper-wrapper .swiper-slide .so06Sw_02p p {
    color: #2C2C2C;
    font-family: 'Fraunces 72pt';
    font-size: var(--zj-button);
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    margin-left: 20px;
}

#so06Swpagination {
    display: none;
}

@media (max-width: 1536px) {
    #so06 .so06Tit {
        padding-bottom: 46px;
    }

    #so06Sw_01>.swiper-button {
        bottom: -122px
    }


    #so06Sw_01>.swiper-wrapper .swiper-slide>a .so06Swcon .so06Swt {
        padding-bottom: 40px;
    }

    #so06Sw_01>.swiper-wrapper .swiper-slide>a .so06Swimg>.imgbox img {
        min-height: 340px;
        object-fit: cover;
        object-position: center;
    }

    #so06Sw_02 {
        width: 84%;
    }

    #so06Sw_02>.swiper-wrapper .swiper-slide {
        margin-right: 2%;
    }

    #so06Sw_02>.swiper-wrapper .swiper-slide .so06Sw_02p img {
        width: 50px;
    }

    #so06Sw_02>.swiper-wrapper .swiper-slide .so06Sw_02p p {
        font-size: 16px;
        line-height: 19px;
    }
}

@media (max-width: 1199.9px) {
    #ind06-bg {
        background: #354B6D;
    }

    #ind06-bg .ind06-loca {
        padding-bottom: 98px;
    }

    #so06 .so06Sw_01 {
        margin-bottom: 28px;
    }

    #so06Sw_01>.swiper-wrapper .swiper-slide>a {
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }

    #so06Sw_01>.swiper-wrapper .swiper-slide>a .so06Swcon {
        width: 100%;
    }

    #so06Sw_01>.swiper-wrapper .swiper-slide>a .so06Swcon .so06Swt {
        padding-bottom: 14px;
    }

    #so06Sw_01>.swiper-wrapper .swiper-slide>a .so06Swcon .so06Swt p {
        width: 100%;
        line-height: 52px;
        min-height: 104px;
    }

    #so06Sw_01>.swiper-wrapper .swiper-slide>a .so06Swcon .so06Swtx {
        padding-bottom: 20px;
    }

    #so06Sw_01>.swiper-wrapper .swiper-slide>a .so06Swcon .so06Swtx p {
        min-height: 145px;
    }

    #so06Sw_01>.swiper-wrapper .swiper-slide>a .so06Swimg {
        width: 100%;
        padding: 0;
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 700px) {
    #so06Sw_02 {
        /* display: none; */
    }

    #so06Sw_02>.swiper-wrapper .swiper-slide .so06Sw_02p img {
        width: 30px;
        margin-bottom: 10px;
    }

    #so06Sw_02>.swiper-wrapper .swiper-slide .so06Sw_02p {
        justify-content: center;
        flex-direction: column;
    }

    #so06Sw_02>.swiper-wrapper .swiper-slide .so06Sw_02p p {
        /* display: none; */
        margin-left: 0;
    }

    #so06Swpagination {
        display: flex;
        justify-content: center;
        padding-top: 20px;
        opacity: 0;
    }

    #so06Swpagination .swiper-pagination-bullet-active {
        background: #86C250;
    }

    #so06Sw_01>.swiper-button {
        display: none;
    }

    #ind06-bg .ind06-loca {
        padding-bottom: 122px;
    }
}

@media (max-width: 499px) {
    #so06 .so06Tit p {
        font-size: 18px;
    }

    #so06Sw_01>.swiper-wrapper .swiper-slide>a .so06Swcon .so06Swt p {
        font-size: 28px;
        line-height: 38px;
        min-height: 56px;
    }

    #so06Sw_01>.swiper-wrapper .swiper-slide>a .so06Swcon .so06Swtx p {
        font-size: 14px;
        line-height: 22px;
        min-height: 132px;
    }

    #so06Sw_01>.swiper-wrapper .swiper-slide>a .so06Swimg>.imgbox img {
        min-height: auto;
    }

    #so06 .so06Tit {
        padding-bottom: 30px;
    }

    #so06Swpagination {
        display: flex;
        justify-content: center;
        padding-top: 20px;
    }

    #so06Sw_02>.swiper-wrapper .swiper-slide .so06Sw_02p {
        align-items: flex-start;
    }

    #so06Swpagination .swiper-pagination-bullet-active {
        background: #86C250;
    }

    #so06Sw_01>.swiper-button {
        display: none;
    }

    #ind06-bg .ind06-loca {
        padding-bottom: 4px;
    }
}

#so06Sw_01_1 {
    overflow: hidden;
}

#so06Sw_01_1>.swiper-wrapper .swiper-slide>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#so06Sw_01_1>.swiper-wrapper .swiper-slide>a .so06Swcon {
    flex: 0 0 auto;
    width: calc(50% - 2%);
}

#so06Sw_01_1>.swiper-wrapper .swiper-slide>a .so06Swcon .so06Swt {
    padding-bottom: 54px;
}

#so06Sw_01_1>.swiper-wrapper .swiper-slide>a .so06Swcon .so06Swt p {
    font-family: Arial;
    font-size: 40px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    color: #FFFFFF;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 670px;
    max-width: 100%;
}

#so06Sw_01_1>.swiper-wrapper .swiper-slide>a .so06Swcon .so06Swtx p {
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    line-height: 29px;
    letter-spacing: 0em;
    color: #FFFFFF;
    opacity: 0.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    text-overflow: ellipsis;
}

#so06Sw_01_1>.swiper-wrapper .swiper-slide>a .so06Swimg {
    flex: 0 0 auto;
    width: 50%;
    padding-left: 2%;
    margin: 0;
}

#so06Sw_01_1>.swiper-wrapper .swiper-slide>a .so06Swimg>.imgbox {
    width: 760px;
    max-width: 100%;
    overflow: hidden;
}

#so06Sw_01_1>.swiper-wrapper .swiper-slide>a .so06Swimg img {
    width: 100%;
    transition: all 0.5s ease;
}

#so06Sw_01_1>.swiper-wrapper .swiper-slide>a .so06Swimg:hover img {
    transform: scale(1.06);
}

#so06Sw_01_1>.swiper-button {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    bottom: -140px;
}

#so06Sw_01_1>.swiper-button>div {
    pointer-events: auto !important;
    position: static;
    width: 60px;
    height: 60px;
    background: #FFFFFF;
    display: block;
    margin-top: 0;
    transition: all 0.5s ease;
    /* border: 0.5px solid #e6e6e6; */
    margin: 0 0.5px;
    opacity: 1;
}

#so06Sw_01_1>.swiper-button>div:hover {
    background: #86C250;
    border-radius: 0 20px 0 20px;
}

#so06Sw_01_1>.swiper-button>div::after {
    font-size: 22px;
    line-height: 22px;
    color: #86C250;
    font-weight: bold;
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#so06Sw_01_1>.swiper-button>div:hover:after {
    color: #FFFFFF;
}

#so06Sw_01_1>.swiper-button .swiper-button-prev::after {
    content: "←";
}

#so06Sw_01_1>.swiper-button .swiper-button-next::after {
    content: "→";
}

#so06Sw_02_2 {
    width: 96%;
}

#so06Sw_02_2>.swiper-wrapper .swiper-slide .so06Sw_02p p {
    font-family: Microsoft YaHei;
    font-size: 22px;
    font-weight: normal;
    line-height: 29px;
    letter-spacing: 0em;
    color: #FFFFFF;
}

#so06Sw_02_2>.swiper-wrapper {
    transform: translate3d(0px, 0, 0) !important;
}

#so06Sw_02_2>.swiper-wrapper .swiper-slide {
    margin-right: 10%;
    flex: 1;
}

#so06Sw_02_2>.swiper-wrapper .swiper-slide .so06Sw_02p {
    display: flex;
    align-items: center;
    position: relative;
    padding-bottom: 10px;
    cursor: pointer;
}

#so06Sw_02_2>.swiper-wrapper .swiper-slide .so06Sw_02p::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #FFFFFF;
    opacity: 0.5;
}

#so06Sw_02_2>.swiper-wrapper .swiper-slide .so06Sw_02p::before {
    position: absolute;
    content: "";
    width: 0%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #86C250;
}

#so06Sw_02_2>.swiper-wrapper .swiper-slide.swiper-slide-active .so06Sw_02p::before {
    width: 100%;
    transition: all 5s ease;
}

#so06Sw_02_2>.swiper-wrapper .swiper-slide .so06Sw_02p img {
    width: 70px;
}

#so06Sw_02_2.swiper-wrapper .swiper-slide .so06Sw_02p p {
    font-family: Microsoft YaHei;
    font-size: 22px;
    font-weight: normal;
    line-height: 29px;
    letter-spacing: 0em;
    color: #FFFFFF;
}

#so06Swpagination_1 {
    display: none;
}

@media (max-width: 1536px) {
    #so06 .so06Tit {
        padding-bottom: 46px;
    }

    #so06Sw_01_1>.swiper-button {
        bottom: -122px
    }

    #so06Sw_01_1>.swiper-button>div {
        width: 50px;
        height: 50px;
    }

    #so06Sw_01_1>.swiper-wrapper .swiper-slide>a .so06Swcon .so06Swt {
        padding-bottom: 40px;
    }

    #so06Sw_01_1>.swiper-wrapper .swiper-slide>a .so06Swimg>.imgbox img {
        min-height: 340px;
        object-fit: cover;
        object-position: center;
    }

    #so06Sw_02_2 {
        width: 84%;
    }

    #so06Sw_02_2>.swiper-wrapper .swiper-slide {
        margin-right: 2%;
    }

    #so06Sw_02_2>.swiper-wrapper .swiper-slide .so06Sw_02p img {
        width: 50px;
    }

    #so06Sw_02_2>.swiper-wrapper .swiper-slide .so06Sw_02p p {
        font-size: 16px;
        line-height: 19px;
    }
}

@media (max-width: 1200px) {
    #so06Sw_01_1>.swiper-wrapper .swiper-slide>a {
        justify-content: space-between;
        align-items: center;
        flex-direction: column-reverse;
    }

    #so06Sw_02_2 {
        width: 100%;
    }

    #so06Sw_02_2>.swiper-wrapper .swiper-slide .so06Sw_02p p {
        opacity: 0;
    }

    #so06Sw_01_1>.swiper-button {
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        justify-content: center;
    }

    #so06Sw_02_2>.swiper-wrapper .swiper-slide .so06Sw_02p img {
        opacity: 0;
    }

    #so06Sw_01_1>.swiper-button {
        bottom: -160px;
    }

    #so06Sw_01_1>.swiper-wrapper .swiper-slide>a .so06Swcon {
        width: 100%;
    }

    #so06Sw_01_1>.swiper-wrapper .swiper-slide>a .so06Swcon .so06Swt {
        padding-bottom: 14px;
    }

    #so06Sw_01_1>.swiper-wrapper .swiper-slide>a .so06Swcon .so06Swt p {
        width: 100%;
        line-height: 52px;
        min-height: 104px;
    }

    #so06Sw_01_1>.swiper-wrapper .swiper-slide>a .so06Swcon .so06Swtx p {
        min-height: 145px;
    }

    #so06Sw_01_1>.swiper-wrapper .swiper-slide>a .so06Swimg>.imgbox {
        margin-bottom: 20px;
    }

    #so06Sw_01_1>.swiper-wrapper .swiper-slide>a .so06Swimg {
        width: 100%;
        padding: 0;
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 700px) {
    #so06Sw_02_2 {
        display: block;
    }

    #so06Sw_02_2>.swiper-wrapper .swiper-slide .so06Sw_02p {
        justify-content: center;
    }

    #so06Sw_02_2>.swiper-wrapper .swiper-slide .so06Sw_02p p {
        display: none;
    }

    #so06Swpagination_1 {
        display: flex;
        justify-content: center;
        padding-top: 20px;
    }

    #so06Swpagination_1 .swiper-pagination-bullet-active {
        background: #86C250;
    }
}

@media (max-width: 499px) {
    #so06 .so06Tit p {
        font-size: 18px;
    }

    #so06Sw_01_1>.swiper-wrapper .swiper-slide>a .so06Swcon .so06Swt p {
        font-size: 26px;
        line-height: 34px;
        min-height: 56px;
        -webkit-line-clamp: 4;
    }

    #so06Sw_01_1>.swiper-wrapper .swiper-slide>a .so06Swcon .so06Swtx p {
        font-size: 14px;
        line-height: 20px;
        min-height: 132px;
        -webkit-line-clamp: 12;
    }

    #so06Sw_01_1>.swiper-wrapper .swiper-slide>a .so06Swimg>.imgbox img {
        min-height: auto;
    }

    #so06 .so06Tit {
        padding-bottom: 30px;
    }

    #so06Swpagination_1 {
        display: flex;
        justify-content: center;
        padding-top: 20px;
    }

    #so06Swpagination_1 .swiper-pagination-bullet-active {
        background: #86C250;
    }

    #so06 .so06Sw_01 {
        margin-bottom: 0px;
    }

    #so06Sw_02_2>.swiper-wrapper .swiper-slide .so06Sw_02p img {
        width: 34px;
    }

    #so06Swpagination_1 {
        display: none;
    }

    #ind06-bg .ind06-loca {
        padding-bottom: 4px;
    }

    #so06Sw_01_1>.swiper-wrapper .swiper-slide>a .so06Swimg>.imgbox {
        margin-bottom: 10px;
    }

    #ind06-bg .ind06-loca {
        padding-bottom: 116px;
    }

    #so06Sw_01_1>.swiper-button {
        bottom: -120px;
    }

    #so06Sw_01_1>.swiper-button>div {
        width: 42px;
        height: 42px;
    }
}

/* 语言添加 */
#header .navWrap .navWrap-loca .navWrap-sack .navrg .navrgbox .country {
    position: relative;
}

#header .navWrap .navWrap-loca .navWrap-sack .navrg .navrgbox .country>a {
    padding: 0 12px;
}

#header .navWrap .navWrap-loca .navWrap-sack .navrg .navrgbox .country>a .iconame {
    display: flex;
    align-items: center;
}

#header .navWrap .navWrap-loca .navWrap-sack .navrg .navrgbox .country>a .iconame>p {
    padding-top: 0;
}

#header .navWrap .navWrap-loca .navWrap-sack .navrg .navrgbox .country>a .iconame>img:nth-of-type(1) {
    width: 18px;
    margin-right: 6px;
}

#header .navWrap .navWrap-loca .navWrap-sack .navrg .navrgbox .country>a .iconame>img:nth-of-type(2) {
    width: 8px;
    margin-left: 6px;
}

#header .navWrap .navWrap-loca .navWrap-sack .navrg .navrgbox .country .contSec {
    position: absolute;
    background: #2E6DB0;
    opacity: 0;
    right: 0;
    width: calc(100% - 20px);
    top: 70px;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
}

#header .navWrap .navWrap-loca .navWrap-sack .navrg .navrgbox .country:hover .contSec {
    max-height: 140px;
    opacity: 1;
}

#header .navWrap .navWrap-loca .navWrap-sack .navrg .navrgbox .country .contSec .contSecSa>a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 0;
    position: relative;
}

#header .navWrap .navWrap-loca .navWrap-sack .navrg .navrgbox .country .contSec .contSecSa>a::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background: #86C250;
    transition: all 0.5s ease;
    opacity: 0;
}

#header .navWrap .navWrap-loca .navWrap-sack .navrg .navrgbox .country .contSec .contSecSa>a:hover:after {
    width: 100%;
    opacity: 1;
}

#header .navWrap .navWrap-loca .navWrap-sack .navrg .navrgbox .country .contSec .contSecSa>a img {
    width: 20px;
    margin-right: 6px;
}

#header .navWrap .navWrap-loca .navWrap-sack .navrg .navrgbox .country .contSec .contSecSa>a p {
    font-family: Arial;
    font-size: 14px;
    color: #FFFFFF;
    transition: all 0.5s ease;
}

#header .navWrap .navWrap-loca .navWrap-sack .navrg .navrgbox .country .contSec .contSecSa>a:hover p {
    color: #86C250;
}

@media (max-width: 499px) {
    #header .navWrap .navWrap-loca .navWrap-sack .navrg .navrgbox .country .contSec {
        top: 62px;
    }

    #header .navWrap .navWrap-loca .navWrap-sack .navrg .navrgbox .country .contSec .contSecSa>a {
        padding: 6px 0;
    }

    #clickNavigation {
        margin-left: 4px;
    }
}

/* ---------------------------------------------------------------------全部 */
@media (max-width: 1670px) {
    .ven2_l:last-child {
        margin-right: 8.9vw;
    }
}

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

    .con_u {
        margin-bottom: 40px;
    }

    .con_lshare a {
        margin-right: 12px;
    }

    .con_form {
        padding: 70px 40px;
    }

    .ftSa {
        padding: 42px 0 30px;
    }

    .ftlogo img {
        max-width: 126px;
    }

    .ft2_l:last-child {
        max-width: 298px;
    }

    .ft2 {
        width: 70%;
    }

    .ft3 {
        padding: 12px 0;
    }

    .subnav_sp {
        bottom: 0px;
    }

    .neSa {
        padding: 70px 0 60px;
    }

    .ne_u {
        margin-right: calc(-.5 * 2.1rem);
        margin-left: calc(-.5 * 2.1rem);
    }

    .ne_l {
        margin-bottom: 30px;
        padding-right: calc(2.1rem * .5);
        padding-left: calc(2.1rem * .5);
    }

    .medeSa {
        padding: 35px 0 70px;
    }

    .nede_h {
        margin-bottom: 20px;
    }

    .nede_te1hbg p {
        padding: 10px 22px;
    }

    .nede_te1h {
        margin-bottom: 30px;
    }

    .nede_te1table {
        overflow-x: auto;
    }

    .nede_te1table table {
        min-width: 1000px;
    }

    .nede_te1table table tr td {
        padding: 12px 26px;
    }

    .nede_te1p p {
        margin-bottom: 20px;
    }

    .nede_te1u {
        margin-right: calc(-.5 * 2.1rem);
        margin-left: calc(-.5 * 2.1rem);
    }

    .nede_te1l {
        padding-right: calc(2.1rem * .5);
        padding-left: calc(2.1rem * .5);
    }

    .spanline,
    .nede_te1lf span {
        margin: 20px 0 40px;
    }

    .nede_te1u2 {
        margin-right: calc(-.5 * 2.1rem);
        margin-left: calc(-.5 * 2.1rem);
    }

    .nede_te1l2 {
        padding-right: calc(2.1rem * .5);
        padding-left: calc(2.1rem * .5);
    }

    .nede_te2u {
        margin-right: calc(-.5 * 1.2rem);
        margin-left: calc(-.5 * 1.2rem);
        margin-bottom: 40px;
    }

    .nede_te2l {
        padding-right: calc(1.2rem * .5);
        padding-left: calc(1.2rem * .5);
    }

    .nede_te2lbox {
        padding: 14px 12px;
    }

    .nede_te2limg img {
        width: 40px;
    }

    .nede_te2rg>span {
        margin: 20px 0 40px;
    }

    .nede_te2rglp,
    .nede_te2rglt {
        padding: 20px 30px;
    }

    .nede_te2rgl {
        margin-bottom: 20px;
    }

    .nede_te2bglf>span {
        margin: 20px 0 30px;
    }

    .nede_sw1 {
        margin-bottom: 60px;
        margin-top: 45px;
    }

    .nede_sw1ch>div {
        --w: 40px;
    }

    .nede_sw1ch .swiper-button-next {
        margin-left: 10px !important;
    }

    .ab1 {
        padding: 70px 0 60px;
    }

    .ab1_endh {
        margin-bottom: 22px;
    }

    .ab1_endp {
        margin-bottom: 30px;
    }

    .ab1_endu {
        margin-bottom: 65px;
    }

    .ab2_1 {
        padding: 30px 0;
        padding-right: 60px;
    }

    .ctm-9-lf {
        margin-left: 6.98vw !important;
    }

    .ab2_1lp {
        margin-bottom: 20px;
    }

    .ab2_1l {
        margin-bottom: 20px;
    }

    .ab2_1lp p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        /* -webkit-line-clamp: 4; */
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ab2_1h {
        margin-bottom: 20px;
    }

    .ab3Sa {
        padding: 80px 0 60px;
    }

    .ab3_h {
        margin-bottom: 40px;
    }

    .ab3_l1 {
        margin-bottom: 28px;
    }

    .ab3_l1i img {
        width: 40px;
    }

    .ab4Sa {
        padding: 73px 0 88px;
    }

    .ab4_h {
        margin-bottom: 30px;
    }

    .ab4_ulbox1 {
        margin-bottom: 40px;
    }

    .ab5Sa {
        padding: 70px 0 60px;
    }

    .ab5_chan>div {
        --w: 40px;
    }

    .ab5_top {
        margin-bottom: 50px;
    }

    .ab5_swte img {
        width: 42px;
    }

    .prode3_1 {
        margin-bottom: 60px;
    }

    .wrap-show {
        margin-bottom: 60px !important;
    }

    .pro1la {
        padding: 12px;
    }

    .pro1l {
        margin-bottom: 16px;
    }

    .pro1la i {
        font-size: 18px;
    }

    .pro1 {
        top: 100px;
    }

    .pro2_u {
        margin-right: calc(-.5 * 1.8rem);
        margin-left: calc(-.5 * 1.8rem);
    }

    .pro2 {
        width: calc(100% - 23.2% - 70px);
    }

    .pro2h {
        margin-bottom: 30px;
    }

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

    .prodeSa {
        padding: 52px 0 60px;
    }

    .prode1rgBtn>a {
        margin-right: 20px;
    }

    .prode1rg {
        width: calc(48% - 30px);
    }

    .prode1rgBtni {
        --w: 40px;
    }

    .prode1rgBtni i {
        font-size: 22px;
    }

    .prode .nede_share {
        margin-bottom: 35px;
    }

    .prode1rguh {
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .prode1rgl {
        width: 33.333%;
    }

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

@media (max-width: 1199.9px) {
    .pro::after {
        display: none;
    }

    .proSa {
        flex-direction: column;
    }

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

    .pro2 {
        width: 100%;
    }

    .pro .ctm-9-rg {
        width: 92% !important;
        margin: auto !important;
    }
}

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

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

    .prode1rg {
        width: 100%;
    }
}

@media (max-width: 992px) {
    .con_u {
        flex-wrap: wrap;
    }

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

    .ftSa {
        flex-direction: column;
    }

    .ft1 {
        margin-bottom: 30px;
    }

    .ft2 {
        width: 100%;
    }

    .conSa {
        padding: 34px 0 36px;
    }

    .con_u {
        padding: 0;
    }

    .vensesv {
        margin-right: 0;
    }

    .ven_inqu i {
        margin-right: 0;
    }

    .ab1_end {
        flex-direction: column;
    }

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

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

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

    .ab2 {
        flex-direction: column;
    }

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

    .ab2_1 {
        width: 100%;
        padding: 40px 0;
        padding-right: 0;
    }

    .ab2_2 {
        width: 100%;
    }

    .ab3_l {
        width: 100%;
    }

    .ab4_ulbox1 {
        overflow: auto;
    }

    .ab4_u1 {
        width: 1000px;
    }

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

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

    .ab5_h {
        margin-bottom: 20px;
    }

    .ab5_chan .swiper-button-next {
        margin-left: 10px !important;
    }

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

    .nede_sw1h {
        margin-bottom: 20px;
    }

    .pro2_l {
        width: 50%;
    }
}

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

    .nede_te>* {
        margin-top: 40px;
    }

    .nede_share .a2a_kit a {
        margin-right: 12px;
    }

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

    .nede_te1lfrg {
        flex-direction: column;
    }

    .nede_te1lfrg>div {
        width: 100%;
    }

    .nede_te1lf {
        margin-bottom: 20px;
    }

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

    .nede_te2l {
        width: 50%;
        margin-bottom: 20px;
    }

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

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

    .nede_te2lf {
        width: 100%;
    }

    .nede_te2bgbox {
        flex-direction: column;
        padding: 20px;
    }

    .nede_te2bglf,
    .nede_te2bgrg {
        width: 100%;
    }

    .nede_te2bglf {
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .con2-fol {
        width: 100%;
    }

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

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

    .con2-fobt button {
        padding: 10px 19px;
    }

    .ft2_u {
        flex-direction: column;
    }

    .ft2_l:last-child,
    .ft2_l {
        width: 100%;
        max-width: 1140px;
        margin-bottom: 0;
    }

    .ft2_l {
        margin-bottom: 40px;
    }

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

    .nede_sw1h {
        margin-bottom: 12px;
    }

    .prode_faql2te {
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
    }

    .prode_faqlnumh {
        width: calc(100% - 30px);
    }
}

@media (max-width:642px) {
    .prode1rgl {
        width: 50%;
    }
}

@media (max-width:499px) {
    .vensesv i {
        font-size: 22px;
    }

    .conSa {
        padding: 82px 0 0px;
    }

    .con_h {
        margin-bottom: 20px;
    }

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

    .con_la span {
        font-size: 22px;
    }

    .con_l1 {
        margin-bottom: 10px;
    }

    .con_lshare a i {
        font-size: 26px;
    }

    .con_li {
        --w: 40px;
    }

    .con_li i {
        font-size: 20px;
    }

    .con_formh p {
        font-size: 24px;
    }

    .con_form {
        padding: 30px 12px;
    }

    .con_formh {
        margin-bottom: 24px;
    }

    .con2-fol input,
    .con2-fol textarea,
    .form-input {
        font-size: 16px;
        padding: 12px 0;
    }

    .ven_inqu i {
        font-size: 22px;
    }

    .con2-fol {
        margin-bottom: 16px;
    }

    .con2-fol:last-child {
        margin-bottom: 16px;
    }

    .con2-fobt button {
        padding: 7px 19px;
    }

    .vensesv {
        --w: 30px;
    }

    .ven_inqu p {
        font-size: 16px;
    }

    .ven_inqu i {
        --w: 30px;
    }

    #venPho {
        margin-bottom: 4px;
    }

    .con_u {
        margin-bottom: 20px;
    }

    .ftlogo img {
        max-width: 120px;
    }

    .ft1u {
        margin: 16px 0;
    }

    .con2-fo {
        width: 100%;
    }

    .prode_faql1lf {
        align-items: flex-start;
    }

    .ft1l_a p {
        font-size: 16px;
    }

    .ft2_lh {
        margin-bottom: 18px;
    }

    .ft2_lte a {
        margin-bottom: 6px;
    }

    .ft2_l {
        margin-bottom: 20px;
    }

    .ne_l {
        width: 100%;
    }

    .neSa {
        padding: 40px 0 30px;
    }

    .breadcrumb {
        margin-bottom: 10px;
    }

    .medeSa {
        padding: 85px 0 40px;
    }

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

    .nede_h {
        margin-bottom: 10px;
    }

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

    .nede_num {
        padding: 6px 0 14px;
    }

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

    .nede_share .a2a_kit a {
        margin-right: 4px;
    }

    .nede_te1hbg p {
        padding: 4px 22px;
    }

    .nede_te>* {
        margin-top: 30px;
    }

    .nede_te1h {
        margin-bottom: 20px;
    }

    .nede_te1p p {
        margin-bottom: 14px;
    }

    .nede_te1lfrg {
        padding: 30px 0;
    }

    .spanline,
    .nede_te1lf span {
        margin: 14px 0 20px;
    }

    .nede_te1l2h {
        margin: 12px 0;
    }

    .nede_te2u {
        margin-bottom: 20px;
    }

    .nede_te2rg>span {
        margin: 14px 0 20px;
    }

    .nede_te2rglp,
    .nede_te2rglt {
        padding: 10px 12px;
    }

    .nede_te2rgl {
        margin-bottom: 12px;
    }

    .nede_te2lfrg {
        margin-bottom: 30px;
    }

    .nede_te2bgbox {
        padding: 12px;
    }

    .nede_te2btna {
        padding: 9px 21px;
    }

    .nede_end {
        padding: 8px 0;
        margin-top: 30px;
    }

    .nede_sw1 {
        margin-bottom: 30px;
        margin-top: 35px;
    }

    .nede_sw1ch>div {
        --w: 32px;
    }

    .nede_sw1ch>div i {
        font-size: 18px;
    }

    .ab1 {
        padding: 40px 0 40px;
    }

    .ab1_endu {
        flex-wrap: wrap;
        margin-bottom: 15px;
    }

    .ab1_endl {
        margin-bottom: 20px;
    }

    .ab3Sa {
        padding: 40px 0 30px;
    }

    .ab3_h {
        margin-bottom: 20px;
    }

    .ab3_lbox {
        padding: 12px;
    }

    #ab2_2sw .swiper-button-prev,
    #ab2_2sw .swiper-button-next {
        --w: 40px;
    }

    .ab3_l {
        margin-bottom: 20px;
    }

    .ab4_u1::after {
        width: 86%;
    }

    .ab4Sa {
        padding: 33px 0 38px;
    }

    .ab5_h p {
        font-size: 28px;
    }

    .ab5Sa {
        padding: 30px 0 40px;
    }

    .ab5_top {
        margin-bottom: 20px;
    }

    .nede_sw1h p {
        font-size: 28px;
    }

    .prode3_1 {
        margin-bottom: 30px;
    }

    .ab6Sa {
        padding-bottom: 30px;
    }

    .prode3_2addi {
        --w: 30px;
    }

    .prode3_2addi i {
        font-size: 18px;
    }

    .prode3_2add {
        width: calc(100% - 20px);
    }

    .prode3_2box:hover .prode3_2add {
        bottom: 18px;
    }

    .prode4h {
        padding: 12px;
        margin-bottom: 12px;
    }

    .nede_te6 .con2-fol input,
    .nede_te6 .con2-fol textarea,
    .nede_te6 .form-input {
        padding: 12px;
    }

    .wrap-show {
        margin-bottom: 40px !important;
    }

    .pro2_l {
        width: 100%;
    }

    .proSa {
        padding: 40px 0;
    }

    .pro2h {
        margin-bottom: 20px;
    }

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

    #swiper-button-next i,
    #swiper-button-prev i {
        font-size: 16px;
    }

    .prode1rgBtn>a {
        margin-right: 12px;
        padding: 8px 12px 8px 12px;
    }

    .prode1rgBtn>a span {
        margin-right: 10px;
    }

    .prode1rgBtni {
        --w: 30px;
    }

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

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

    .prode_faql {
        padding: 12px 12px;
    }

    .prode3 {
        padding-top: 30px;
    }

    .prodeSa {
        padding: 52px 0 30px;
    }

    .ab4_l2l {
        display: none;
    }

    .ab4_l2l:nth-child(1) {
        display: block;
        margin-bottom: 0;
    }
}


.so3_h {
    margin-bottom: 86px;
}

.so3_h p {
    color: #2C2C2C;
    font-family: 'Fraunces 72pt';
    font-size: var(--zj-subh);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}

.so06Swimg .imgbox {
    border-radius: 40px;
    overflow: hidden;
}

#so06Sw_01>.swiper-button {
    position: absolute;
    left: 0;
    justify-content: flex-start;
    bottom: 0;
    z-index: 12;
}


#so06Sw_02>.swiper-wrapper .swiper-slide {
    width: 100%;
}

#so06Sw_02 {
    width: 100%;
}

#so06Sw_02>.swiper-wrapper .swiper-slide:last-child {
    margin-right: 0;
}

#so06Sw_01>.swiper-button>div {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    margin: 0 !important;
    opacity: 1 !important;
    --w: 60px;
    width: var(--w);
    height: var(--w);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #2C2C2C;
    border-radius: 50%;
    transition: all 0.5s ease;
    flex-direction: column;
}

#so06Sw_01>.swiper-button>div:hover {
    background: #096D3C;
    border: 1px solid #096D3C;
}

#so06Sw_01>.swiper-button .swiper-button-next {
    margin-left: 20px !important;
}

#so06Sw_01>.swiper-button>div::after {
    content: "";
}

#so06Sw_01>.swiper-button>div i {
    font-size: 20px;
    color: rgba(44, 44, 44, 1);
    transition: all 0.5s ease;
}

#so06Sw_01>.swiper-button>div:hover i {
    color: #FFF;
}

@media (max-width: 1536px) {
    .banner .swiper-pagination {
        bottom: 26px;
    }

    .so1Sa {
        padding: 40px 0 80px;
    }

    .ctm-9-rg2 {
        margin-right: 6.98vw !important;
    }

    .ab1_end {
        align-items: flex-end;
    }

    .so2 .ab2_2swimg img {
        border-radius: 0 220px 0 0;
    }

    .ab2_2swimg img {
        min-height: 650px;
    }

    .so2svg {
        display: none;
    }

    .so2_vrimg {
        bottom: 20px;
        width: 60px;
    }

    .so2 .ab1_end1 {
        width: 51%;
    }

    #so06Sw_01>.swiper-button>div {
        --w: 40px;
    }

    #so06Sw_01>.swiper-button {
        bottom: -40px;
    }

    .so3Sa {
        padding: 66px 0 76px;
    }
}

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

    .ctm-9-rg2 {
        margin-right: 6.98vw !important;
        width: 92% !important;
        margin: auto !important;
    }

    .banner img {
        height: 100%;
    }

    .banner .item a {
        padding-bottom: 50% !important;
    }

    .so2 .ab1_endimg {
        width: 100%;
    }

    .ab2_2swimg img {
        min-height: auto;
    }

    #so06 .so06Sw_01 {
        margin-bottom: 68px;
    }

    #so06Sw_01>.swiper-button {
        bottom: -60px;
    }

    .so3_h {
        margin-bottom: 46px;
    }
}

@media (max-width: 499px) {
    .inban_te p {
        font-size: 26px;
        line-height: calc(26px * 1.42);
        margin-bottom: 28px;
    }

    .inban_btna {
        padding: 7px 19px;
    }

    .banner .item a {
        padding-bottom: 132% !important;
    }

    .so1_a {
        padding: 11px 15px;
    }

    .so1Sa {
        padding: 40px 0 30px;
    }

    .so2 {
        padding-top: 30px;
    }

    .so2 .ab1_end1 {
        padding-bottom: 18px;
    }

    .so2 .ab2_2swimg {
        padding: 0;
    }

    .so2 .ab2_2swimg img {
        border-radius: 0 120px 0 0;
    }

    .so3Sa {
        padding: 36px 0 36px;
    }

    .so3_h {
        margin-bottom: 20px;
    }

    #so06 .so06Sw_01 {
        margin-bottom: 0;
    }

    .so4Sa {
        padding: 32px 0 34px;
    }

    .so4_lbox {
        border-radius: 30px;
        padding: 6px 12px;
        margin: 0 4px 10px;
    }

    .so4_u {
        display: none;
    }

    .so5Sa {
        padding-bottom: 40px;
    }

    .so6Sa {
        padding: 34px 0 30px;
    }

    .so6_ubox {
        border-radius: 20px;
        padding: 12px;
    }

    .so6_h {
        margin-bottom: 20px;
    }
}

/*  */
/* float-window */
.float-window {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999999;
    transition: all 0.3s ease;
    padding: 7px 10px;

    border-radius: 60px;
    background: #FBFFF5;
    box-shadow: 0 0 10px 0 rgba(164, 164, 164, 0.25);
}

.window-box>a {
    --w: 40px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 7px 0;
    transition: all 0.3s ease;
    position: relative;
}

.window-box>a:hover {
    background: #096D3C;
}

.window-box>a i {
    font-size: 24px;
    color: #096D3C;
    transition: all 0.5s ease;
}

.window-box>a:hover i {
    color: rgba(255, 255, 255, 1);
}

/* 
.box-email>a i {
    font-size: 26px;
} */

.window-box>a p {
    position: absolute;
    width: max-content;
    right: 56px;
    opacity: 0;
    transition: all 0.5s ease;
    pointer-events: none;
}

.window-box>a:hover p {
    opacity: 1;
    pointer-events: auto;
}

.window-box>a p span {
    color: #FFF;
    font-family: 'Inter';
    font-size: var(--zj-con2-fol);
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    background: #096D3C;
    padding: 10px 20px;
    border-radius: 40px;
}

.box-inquiry>a {
    position: relative;
}

.box-inquiry>a div {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    font-size: 12px;
    right: 2%;
    top: 10%;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #00998B;
    font-weight: normal;
    transition: all 0.3s ease;
}

@media (max-width: 1536px) {
    .float-window {
        padding: 4px 4px;
    }

    .window-box>a {
        --w: 34px;
    }

    .window-box>a i {
        font-size: 18px;
    }

    /* .window-box>a {
        margin: 6px 0;
    } */

    .window-box>a p {
        right: 38px;
    }
}

@media (max-width: 1199.9px) {
    #float-window {
        display: none;
    }

    .float-window {
        right: 8px !important;
        padding: 4px;
        box-shadow: 0 -2px 14px 1px rgba(0, 0, 0, 0.2);
    }

    .box-inquiry>a div {
        right: -3%;
        top: 11%;
    }

    .window-box>a {
        margin: 0;
    }

    #float-window .window-box {
        display: none;
    }

    #float-window .window-box.box-inquiry {
        display: block;
    }

    .window-box>a i {
        font-size: 24px;
    }
}

@media (max-width: 499px) {
    .box-inquiry>a div {
        width: 10px;
        height: 10px;
        right: -1%;
        top: 16%;
    }
}

.searSa {
    padding: 55px 0 100px;
}

.searSa_h {
    margin-bottom: 60px;
}

.searSa_h p {
    color: #2C2C2C;
    text-align: center;
    font-family: 'Fraunces 72pt';
    font-size: var(--zj-subh);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

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

.sehfo {
    width: 100%;
    max-width: 800px;
    margin-bottom: 60px;
    padding: 20px 0;
    border-bottom: 1px solid #DBDBDB;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sehin1 {
    width: 90%;
    flex: 0 0 auto;
    color: #666;
    font-family: 'Inter';
    font-size: calc(var(--zj-button) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    background: transparent;
}

.sehfo span button {
    background-color: transparent;
}

.sehfo span button i {
    font-size: 30px;
    color: rgba(44, 44, 44, 1);
    line-height: normal;
}

.searSa_p p {
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: calc(var(--zj-button) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    text-align: center;
}

@media (max-width: 499px) {
    .searSa {
        padding: 85px 0 70px;
    }

    .searSa_h {
        margin-bottom: 20px;
    }

    .ven-sehinp {
        top: 54px;
        height: 260px;
    }

    .ven-sehinpbg {
        height: 260px;
    }

    .ven-sehinph {
        margin-bottom: 20px;
    }

    .ven-sehinpbox>i {
        font-size: 28px;
        top: 20px;
    }

    .ab1_endl1 p {
        font-size: 40px;
    }

    .ab1_enda {
        padding: 10px 10px;
    }

    .prode3_2img img {
        width: 100%;
        height: 260px;
        object-fit: cover;
        object-position: center;
        transition: all 0.5s ease;
    }

    .swiper-slide:nth-child(1) .prode3_2img img,
    .swiper-slide:nth-child(4) .prode3_2img img,
    .swiper-slide:nth-child(7) .prode3_2img img,
    .swiper-slide:nth-child(10) .prode3_2img img,
    .swiper-slide:nth-child(13) .prode3_2img img,
    .swiper-slide:nth-child(16) .prode3_2img img {
        height: 300px;
    }

    .swiper-slide:nth-child(3) .prode3_2img img,
    .swiper-slide:nth-child(6) .prode3_2img img,
    .swiper-slide:nth-child(9) .prode3_2img img,
    .swiper-slide:nth-child(12) .prode3_2img img,
    .swiper-slide:nth-child(15) .prode3_2img img,
    .swiper-slide:nth-child(18) .prode3_2img img {
        height: 220px;
    }
}

.header .sehfo {
    margin-bottom: 0;
}

/* ------------------------------------------------------------------------------------- */
/*  */


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

.ven2-sec1 {
    width: 29%;
    flex: 0 0 auto;
    padding: 38px 55px 100px 0;
    border-right: 1px solid #DBDBDB;
}

.ven2-sec1a {
    display: block;
    padding: 19px 60px;
    transition: all 0.5s ease;
    border-left: 3px solid #ffffff00;
}

.ven2-sec1abox.on .ven2-sec1a {
    border-left: 3px solid #1A7BAF;
    background: #FFF;
}

.ven2-sec1abox .ven2-sec1a:hover {
    border-left: 3px solid #1A7BAF;
    background: #FFF;
}

.ven2-sec1a p {
    color: #222;
    font-family: "Source Han Sans CN";
    font-size: var(--zj-button-ft);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all 0.5s ease;
}

.ven2-sec1abox.on .ven2-sec1a p {
    color: #1A7BAF;
}

.ven2-sec1a:hover p {
    color: #1A7BAF;
}

/*  */
.ven2-sec2 {
    width: 71%;
    flex: 0 0 auto;
    padding: 40px 0 76px 55px;
}

.en2-sec2l {
    margin-bottom: 16px;
}

.en2-sec2la {
    display: block;
    overflow: hidden;
}

.en2-sec2la>div {
    overflow: hidden;
    position: relative;
}

.en2-sec2la img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 0.5s ease;

    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
}

.en2-sec2la>div img:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 0.5s ease;
    z-index: 12;
}

.en2-sec2la:hover>div img:nth-child(2) {
    opacity: 1;
}

.en2-sec2la:hover img {
    transform: scale(1.08);
}

.en2-sec2la p {
    margin: 10px 0;
    color: #2C2C2C;
    font-family: 'Inter';
    font-size: var(--zj-ven2_la);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: all 0.5s ease;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.en2-sec2la:hover p {
    color: #096D3C;
}

/*  */
.ven2-sec2u {
    margin-right: calc(-.5 * 2rem);
    margin-left: calc(-.5 * 2rem);
    display: none;
}

.ven2-sec2u.on {
    display: flex;
}

.en2-sec2l {
    padding-right: calc(2rem * .5);
    padding-left: calc(2rem * .5);
    margin-bottom: 24px;
}

@media (max-width: 1536px) {
    .ven2-ler {
        top: 76px;
    }

    .so5::after {
        width: calc((100vw - 88.26vw) / 2);
    }

    #ab2_2sw {
        border-radius: 0 220px 0 0 !important;
    }
}

@media (max-width: 499px) {

    .so5::after {
        width: calc((100vw - 92vw) / 2);
    }

    .so2sw {
        padding: 0;
    }

    #ab2_2sw {
        border-radius: 0 120px 0 0 !important;
    }

    .pro2_lp p {
        font-size: 20px;
    }

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

    .cart .cart-box .title-inquiry-info .item {
        font-size: 20px;
    }
}

#msgbg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9998;
}

#msg {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    z-index: 9999;
    width: 300px;
}

#msg_top {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}

.msg_close {
    cursor: pointer;
    color: #2e2e32;
    float: right;
}

#msg_clear {
    text-align: right;
    margin-top: 10px;
}

.didpalynone {
    display: none;
}

#venPhoSec .menu_list li {}