.hea-top {
    background: #F74C25;
    padding: 11px 0;
}

.hea-toph p {
    text-align: center;
    color: #FFF;
    font-family: "Roboto";
    font-size: var(--zj-ven2cona);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
}

.hea-toph p a {
    text-align: center;
    color: #FFF;
    font-family: "Roboto";
    font-size: var(--zj-ven2cona);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 3%;
    text-underline-offset: 18.5%;
    text-underline-position: from-font;
    transition: all 0.5s ease;
}

/*  */
#ven {
    transition: all 0.5s ease;
    /* background: #FFF; */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) -30.58%, rgba(0, 0, 0, 0.00) 100%);
}

.ventricle {
    background: #BF9F8A;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.05);
    background: rgba(0, 0, 0, 0.20) !important;
    backdrop-filter: blur(8.300000190734863px);
}

@media (max-width: 1536px) {}

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

.ven1-loim {
    padding: 32px 0;
    position: relative;
}

.ven1-loim img {
    width: 242px;
    height: auto;
    transition: all 0.5s ease;
    background-blend-mode: luminosity;
    position: relative;
    z-index: 12;
}

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

.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: 5.8vw;
}

.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: 0;
    height: 0.5px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 12px;
    background: #302219;
    transition: all 0.5s ease;
    display: none;
}

.ven2-lsa:hover .ven2-la::after {
    width: 60px;
}

.ven2-l.on .ven2-la::after {
    width: 60px;
}

.ven2-la span {
    color: #FFF;
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;

    --size: 0px;
    --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);
}

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

.ven2-l.on .ven2-la span {
    color: #F74C25;
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
}

/*  */
.ven2-la i {
    color: rgba(255, 255, 255, 1);
    margin-left: 6px;
    font-size: 10px;
    font-weight: normal;
    transition: all 0.5s ease;
}

.ven2-l.on .ven2-la i {
    color: #F74C25;
}

.ven2-la:hover i {
    color: #F74C25;
}

/*  */

.ven-seh {
    position: relative;
}

.vensesv {
    cursor: pointer;
    transition: all 0.5s ease;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vensesv::after,
.vensesv::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    opacity: 1;
    -webkit-transform: translate(-13%, -190%) rotate(-30deg);
    transform: translate(-13%, -190%) rotate(-30deg);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, 0.25);
    display: none;
}

.vensesv::after {
    -webkit-transition-delay: 0.2s;
    /* Safari */
    transition-delay: 0.2s;
}

.vensesv:hover:before,
.vensesv:hover:after {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.vensesv i {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: normal;
    color: rgba(255, 255, 255, 1);
    transition: all 0.5s ease;
}

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

.vensesv p {
    color: #FFF;
    font-size: var(--zj-ven2-la);
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    margin-left: 8px;
    transition: all 0.5s ease;
}

.vensesv:hover p {
    color: #001C58;
}

.vensesv span {
    color: #FFF;
    font-family: 'Inter Tight';
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: 400;
    line-height: calc(var(--zj-subnav) * 1.18);
}

.headersp .vensesv span {
    color: rgba(34, 34, 34, 1);
}

.ventricle .vensesv span {
    color: rgba(34, 34, 34, 1);
}

/*  */

.ven-inqury {

    display: none;
}

.ven-inqury a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease;
}

.ven-inqury a i {
    font-size: 22px;
    color: rgba(255, 255, 255, 1);
    display: block;
    transition: all 0.5s ease;
}

.ven-inqury a:hover i {
    color: #F74C25;
    /* 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);
    }
}

.ven-inqury a p {
    color: #FFF;
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;
    margin-left: 6px;
    transition: all 0.5s ease;
}

.ven-inqury a:hover p {
    color: #F74C25;
}

.ven-inqury a span {
    color: #FFF;
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;
    transition: all 0.5s ease;
}

.ven-inqury a:hover span {
    color: #F74C25;
}

/*  */
.ven-line {
    width: 1px;
    height: 10px;
    opacity: 0;
    background: #001C58;
    margin: 0 18px;
}

/*  */
.ven2-lang {
    position: relative;
}

.ven2-langbt {
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease;
    border-radius: 6px;
    border: 1px solid #001C58;
    padding: 4px 20px;
    background: #001C58;
}

.ven2-langbt .icon-duoyuyan {
    font-size: 20px;
    color: #FFF;
    display: block;
}

.ven2-langbt:hover .icon-duoyuyan {
    color: #FFF;
    animation: vensesv 1s ease-in-out;
    animation-iteration-count: 1;
}

.ven2-langbt span {
    color: #FFF;
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    transition: all 0.5s ease;
    margin: 0 10px 0 16px;
}

.ven2-langbt:hover span {
    color: #FFF;
}

.ven2-langbt .icon-xiala {
    font-size: 16px;
    color: #FFF;
    display: block;
}

.ven2-langbt:hover .icon-xiala {
    color: #FFF;
}

.ven2-lang .ven2-ler {
    width: 100%;
    top: 100%;
}

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

.ven2-langbt {
    display: flex;
    align-items: center;
    transition: all 0.5s ease;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease;
}

.ven2-langbt img {
    --w: 17px;
    width: var(--w);
    height: var(--w);
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

.ven2-langbt i {
    font-size: 6px;
    line-height: normal;
    color: #FFF;
    display: block;
    transition: all 0.5s ease;
}

.ven2-langbt:hover i {
    color: #001C58;
    /* animation: vensesv 1s ease-in-out;
    animation-iteration-count: 1; */
}

.ven2-langbt span {
    color: #FFF;
    font-family: 'Manrope';
    font-size: var(--zj-ven2-la);
    font-style: normal;
    font-weight: 500;
    line-height: calc(var(--zj-ven2-la) * 1.66);
    text-transform: capitalize;
    display: block;
    margin: 0 8px 0 16px;
    padding-top: 2px;
    transition: all 0.5s ease;
}

/* .ven2-langbt:hover span {
    color: #001C58;
} */

/*  */
.ven-contact {
    margin-left: 38px;
}

.ven-contact>a {
    display: block;
    border-radius: 999px;
    background: #001C58;
    padding: 11px 23px;
    overflow: hidden;
    position: relative;
}

.ven-contact>a::after,
.ven-contact>a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    opacity: 1;
    -webkit-transform: translate(-13%, -190%) rotate(-30deg);
    transform: translate(-13%, -190%) rotate(-30deg);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, 0.25);
}

.ven-contact>a::after {
    -webkit-transition-delay: 0.2s;
    /* Safari */
    transition-delay: 0.2s;
}

.ven-contact>a:hover:before,
.ven-contact>a:hover:after {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.ven-contact>a p span {
    color: #1458E4;
    font-size: var(--zj-ven2-la);
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    text-transform: capitalize;
    --size: 1px;
    --color: #1458E4;
    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);
}

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

/* yuyan */
.ven2-3sec {
    position: absolute;
    width: 140%;
    left: 50%;
    transform: translateX(-50%);
    top: 120%;
    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;
}

.ven2-lang: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: 6px 12px;
}

.ven2-3sec a span {
    color: #222;
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    transition: all 0.5s ease;
}

@media (max-width: 1680px) {
    .ven2-l {
        margin-right: 1.6vw;
    }

    .ven2-l:last-child {
        margin-right: 2.8vw;
    }
}

@media (max-width: 1536px) {
    .ven1-loim::after {
        top: -25px;
    }

    .ven1-loim {
        padding: 16px 0;
    }

    .ven1-loim img {
        width: 160px;
    }

    .ven-line {
        margin: 0 8px;
    }

    .menu-language .select-name::after {
        margin-left: 10px !important;
    }

    /* .vensesv {
        margin-right: 12px;
    } */
    .ven2-l:last-child {
        margin-right: 1.8vw;
    }

    .ven2-la i {
        margin-left: 4px;
        font-size: 10px;
    }

    .ven-contact {
        margin-left: 16px;
    }

    .ven2-line {
        margin: 0 10px;
    }

    .ven2-3a span {
        margin: 0 6px;
    }

    .ven-inqury a i {
        font-size: 18px;
    }
}

@media (max-width: 1199.9px) {
    #ven::after {
        display: none;
    }

    .vensesv i {
        font-size: 16px;
    }

    .ven-inqury a i {
        font-size: 14px;
    }

    .ven2-line {
        margin: 0 6px;
    }

    .ven2-lis {
        display: none;
    }

    .ven2-3a img {
        width: 24px;
    }

    .ven-line {
        margin: 0 12px;
    }

    .ven1-loim::after {
        display: none;
    }

    .vensesv p {
        display: none;
    }
}

@media (max-width: 499px) {


    .ven1-loim img {
        width: 148px;
    }

    .hea-top {
        background: #F74C25;
        padding: 6px 0;
    }

    .menu-language .select-name::before {
        margin-right: 0;
        font-size: 20px;
    }

    .ven-line {
        margin: 0 6px;
    }

    .ven-inqury a i {
        font-size: 18px;
    }

    .ven1-loim {
        padding: 8px 0;
    }

    .ven-inqury a p {
        display: none;
    }

    .vensesv i {
        margin-right: 0;
    }

    .vensesv span {
        display: none;
    }

    .ven-contact {
        display: none;
    }

    .ven-contact>a p span {
        font-size: 14px;
    }

    .ven2-langbt span {
        display: none;
    }

    .ven2-langbt .icon-duoyuyan {
        margin-right: 4px;
    }

    .ven2-langbt {
        padding: 0px 12px;
    }
}

/* --- */
/* phone three line */
/* phone */
/*  */


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

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

.ven2-lerbo {
    background: #FFF;
    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: 8px 12px;
}

.ven2-lera span {
    color: #1F1F1F;
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: var(--zj-subnav);
    --size: 1px;
    --color: #F74C25;
    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: #F74C25;
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
}

/* 山海路特殊二级 */
.ven2-lersp {
    padding: 50px 10.5%
}

.ven2-leru {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.ven2-lerl {
    margin-right: 6.8%;
}

.ven2-lerl:last-child {
    margin-right: 0;
}

.ven2-lerla {
    display: block;
    margin-bottom: 10px;
}

.ven2-lerla:last-child {
    margin-bottom: 0;
}

.ven2-lerlah {
    margin-bottom: 24px;
}

.ven2-lerla span {
    color: #E5E5E5;
    font-family: 'Manrope';
    font-size: var(--zj-ven2cona);
    font-style: normal;
    font-weight: normal;
    line-height: 16px;
    text-transform: capitalize;
    --size: 1px;
    --color: #F74C25;
    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-lerla:hover span {
    color: #F74C25;
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
}

.ven2-lerlah span {
    color: #FFF;
    font-family: 'Manrope';
    font-size: var(--zj-ven2-la);
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    text-transform: capitalize;
}

/*  */
@media (max-width: 1536px) {
    .ven2-lersp {
        padding: 40px 2.5%;
    }

    .ven2-lerl {
        margin-right: 1.8%;
    }

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

/*  */
.ven2-lerabb {
    position: relative;
    /* display: flex; */
}

.ven2-lerathr {
    position: absolute;
    width: 100%;
    left: 100%;
    background: rgba(255, 255, 255, 0.90);
    opacity: 0;
    transition: all 0.3s ease;
    top: 0;
    right: 0;
    padding: 4px 0;
}

.ven2-lerabb:hover .ven2-lerathr {
    opacity: 1;
}

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

.ven2-lerathra span {
    color: #1F1F1F;
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-align: center;
    --size: 1px;
    --color: #F74C25;
    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-lerathra:hover span {
    color: #F74C25;
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
}

/*  */
.ven-sehinp {
    position: absolute;
    right: 0;
    top: 385%;
    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 {
    display: block;
    color: #302219;
    margin-left: 12px;
    transform: rotate(45deg);
    transition: all 0.3s ease;
    cursor: pointer;
    font-size: 20px;
    font-weight: 200;
}

.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: #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) {
    .ven-sehinp {
        top: 280%;
    }

    .ven-sehfo {
        width: 208px;
        padding: 4px 12px;
    }
}

@media (max-width: 1199.9px) {
    .ven-sehinp {
        top: 380%;
    }
}

@media (max-width: 499px) {
    .ven-sehinp {
        top: 318%;
        right: -30px;
    }

    .ven-sehfo {
        width: 308px;
        padding: 7px 12px;
    }

    .ven-contact>a {
        display: none;
    }

    .ven2-lera {
        padding: 6px 4px;
    }

    .ven2-lerbo {
        padding: 6px 0;
    }
}

/* 语言新 */
.menu-language {
    position: relative;
    height: 100%;
}

@media (max-width: 1199px) {
    /* .menu-language {
        padding: 0 10px;
    } */
}

.menu-language::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 16px;
    background: #D9D9D9;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    display: none;
}

.menu-language:hover .drop-select {
    opacity: 1;
    pointer-events: auto;
}

.menu-language .select-name {
    color: #FFF;
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;
    height: 100%;
    border-radius: 0;
    background: #ffffff00;
    padding: 6px 0;
    letter-spacing: -0.36px;
    text-transform: capitalize;
    position: relative;
    display: flex;
    align-items: center;
    transition: all 0.5s ease;
}

@media (max-width: 1400px) {
    .menu-language .select-name {
        font-size: 14px;
    }
}

@media (max-width: 1199px) {
    .menu-language .select-name {
        font-size: 14px;
        letter-spacing: normal;
    }
}

@media (max-width: 767px) {
    .menu-language .select-name {
        font-size: 0;
    }
}

.menu-language:hover .select-name {
    color: #F74C25;
}

.menu-language .select-name::before {
    font-size: 20px;
    content: '\e607';
    color: rgb(255, 255, 255);
    font-family: 'iconfont' !important;
    margin-right: 6px;
    transition: all 0.5s ease;
}

.menu-language:hover .select-name:before {
    color: #F74C25;
}

@media (max-width: 1199px) {
    .menu-language .select-name::before {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .menu-language .select-name::before {
        margin-right: 0;
        font-size: 24px;
    }
}

.menu-language .select-name::after {
    font-size: 10px;
    color: rgb(255, 255, 255);
    content: '\e6bd';
    font-family: 'iconfont' !important;
    display: inline-block;
    margin-left: 15px;
    transition: all 0.5s ease;
}

.menu-language:hover .select-name::after {
    color: #F74C25;
}

@media (max-width: 767px) {
    .menu-language .select-name::after {
        display: none;
    }
}

.menu-language .drop-select {
    position: absolute;
    content: '';
    right: 0;
    top: calc(100%);
    z-index: 2;
    min-width: 400px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    transition: all 0.3s ease;
    opacity: 0;
    pointer-events: none;
}

@media (max-width: 991px) {
    .menu-language .drop-select {
        min-width: 100%;
        width: auto;
        height: 300px;
        overflow: auto;
        padding: 10px;
    }
}

.menu-language .drop-select li {
    font-size: 16px;
    display: inline-block;
    width: calc(100%/3);
    vertical-align: top;
}

@media (max-width: 991px) {
    .menu-language .drop-select li {
        width: 100%;
        font-size: 14px;
    }
}

.menu-language .drop-select li:hover a {
    color: #777777;
}

.menu-language .drop-select li a {
    display: flex;
    align-items: center;
    padding: 6px;
    font-size: 14px;
}

.menu-language .drop-select li a:hover {
    background: #eee;
}

.menu-language .drop-select li a img {
    max-height: 20px;
    display: block;
    margin-right: 10px;
}

/* 语言-end */

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

#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: #FFF;
    transition: all .5s;
}

.headersp #venPho .venPhoSack::before,
.headersp #venPho .venPhoSack::after {
    background: #FFF;
}

.ventricle #venPho .venPhoSack::before,
.ventricle #venPho .venPhoSack::after {
    background: #FFF;
}

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

.headersp #venPho .venPhoSack.on::before {
    background: #FFF;
}

.ventricle #venPho .venPhoSack.on::before {
    background: #FFF;
}

/* .ventricle .venPhoSack::before {
    background: #222 !important;
} */

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

.headersp #venPho .venPhoSack.on::after {
    background: #FFF;
}

.ventricle #venPho .venPhoSack.on::after {
    background: #FFF;
}

/* .ventricle .venPhoSack::after {
    background: #222 !important;
} */

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

.headersp #venPho .venPhoSack span {
    background: #FFF;
}

.ventricle #venPho .venPhoSack span {
    background: #FFF;
}

/* .ventricle .venPhoSack span {
    background: #222 !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: 89px;
    width: 100%;
    height: 100vh;
    background: #FFF;
    transition: all 0.8s ease;
    /* animation-name: fadeInUp11t; */
    /* animation-duration: 0.8s; */
    z-index: 9999;
}

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

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

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

#venPhoSec .menu-list li {
    border-bottom: 1px solid #222;
}

#venPhoSec .menu-list li .xiaopingsanji a {
    width: 100%;
}

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

#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: #1F1F1F;
    font-size: var(--zj-ft1-1h);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    /* text-transform: uppercase; */

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

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

.xiantiao>a {
    color: #F74C25;
}

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

.menu_body a {
    display: block;
    /* height: 38px; */
    line-height: 32px;
    padding-left: 10px;
    /* color: #fff; */
    color: #1F1F1F;
    font-size: var(--zj-ft1-1h);
    font-style: normal;
    font-weight: 400;
    line-height: calc(var(--zj-ft1-1h) * 1.6);
    /* text-transform: uppercase; */
    transition: all 0.5s ease;
}

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

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

.menu_body a:hover {
    color: #F74C25;
}

@media (max-width: 1199.9px) {}

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

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

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

/* gg */
.sub {
    position: relative;
}

.sub::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 53.44%, rgba(0, 0, 0, 0.40) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    pointer-events: none;
    display: none;
}

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

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

.sub-fly {
    position: absolute;
    left: 50%;
    bottom: 14%;
    transform: translateX(-50%);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.sub-fly1 {
    flex: 1;
}

.sub-fh {
    margin-bottom: 14px;
}

.sub-fh h2 {
    color: #FFF;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -3.24px;
    text-transform: capitalize;
}

.sub-fp p {
    color: #FFF;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
    max-width: 810px;
}

.sub-fline {
    background: rgba(255, 255, 255, 0.20);
    width: 100%;
    max-width: 1000px;
    height: 1px;
    margin: 60px 0 40px;
}

.sub-fsmp {
    margin-bottom: 40px;
}

.sub-fsmp p {
    color: #F74C25;
    font-size: var(--zj-ven2-la);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
}

.sub-fabox {
    display: flex;
    align-items: center;
}

.sub-fa {
    color: #FFF;
    text-align: center;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;
    border-radius: 60px;
    background: #1F1F1F;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 250px;
    padding: 15px;
    margin-right: 10px;
    transition: all 0.5s ease;
}

.sub-fa:last-child {
    margin-right: 0;
}

.sub-fa:hover {
    background: #F74C25;
    color: #FFF;
}

.sub-fly2 {
    width: 36%;
    flex: 0 0 auto;
    margin-left: 30px;
}

.sub-fly2sw {
    position: relative;
}

#sub-fly2sw {
    overflow: hidden;
}

.sub-fly2img .img-box {
    padding-bottom: 72%;
}

@media (max-width: 1536px) {
    .sub-fly {
        bottom: 8%;
    }

    .sub-fline {
        margin: 30px 0 20px;
    }
}

/*  */
.sub-list {
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 36px;
    z-index: 12;
}

.sub-liu {
    display: flex;
    align-items: center;
}

.sub-lila {
    display: block;
    padding: 10.5px 16px;
    border-radius: 2px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(5px);
    margin-right: 10px;
    transition: all 0.5s ease;
}

.sub-lil:last-child .sub-lila {
    margin-right: 0;
}

.sub-lila:hover {
    background: #012F6B;
    border: 1px solid #012F6B;
}

.sub-lil.on .sub-lila {
    background: #012F6B;
    border: 1px solid #012F6B;
}

.sub-lila span {
    color: #FFF;
    font-family: 'DM Sans';
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: capitalize;
}

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

    .sub-about .sub-im img {
        max-height: 660px;
    }

    /*  */
    .sub-list {
        bottom: 16px;
    }

    .sub-lila {
        padding: 4.5px 12px;
    }
}

@media (max-width: 768px) {
    .sub-listbox {
        overflow: scroll;
    }

    .sub-listbox::-webkit-scrollbar {
        display: none;
    }

    .sub-liu {
        max-width: 700px;
    }

    .sub-lila span {
        width: max-content;
        display: block;
    }
}

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

    .sub-fly {
        bottom: 24px;
    }

    .sub-fabox {
        display: none;
    }
}

@media (max-width: 642px) {}

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

    .sub-fly {
        bottom: 12px;
    }
}

/*  */

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

.subnav i {
    font-size: 20px;
    color: rgb(255, 255, 255);
    margin-right: 10px;
    line-height: normal;
    margin-bottom: 4px;
}

.breadcrumb-item {
    align-items: center;
}

.breadcrumb-item::before,
.breadcrumb-item a span {
    color: #FFF;
    font-size: var(--zj-ven2-la);
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    transition: all 0.5s ease;
}

.breadcrumb-item:hover a span {
    color: #001C58;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #FFF;
}

/*  */
/*  */
/* 分页按钮 */
.sub-page {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

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

.sub-pagel a {
    color: #505966;
    text-align: center;
    font-family: 'Roboto';
    font-size: var(--zj-ven2-la);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-ven2-la) * 1.4);
    text-transform: capitalize;
    margin: 0 12px;
    transition: all 0.5s ease;
    display: block;
}

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

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

.sub-pagel a i {
    --w: 44px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    background: #FFFAF4;
    border: 1px solid #1F1F1F;
    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 16px;
    line-height: normal;
    color: #1F1F1F;
    transition: all 0.5s ease;
}

.sub-pagel a:hover i {
    background: #F74C25;
    border: 1px solid #F74C25;
    color: #FFF;
}

@media (max-width: 1536px) {
    .sub-pagel a {
        --w: 34px;
    }
}

@media (max-width: 499px) {
    .sub-pagel a {
        --w: 26px;
        margin: 0 4px;
    }

    .sub-pagel a i {
        --w: 26px;
    }
}

[data-sub-pad="header100"] {
    margin-top: 100px;
    margin-top: 0;
}

[data-sub-bottom="100"] {
    margin-bottom: 100px;
}

[data-sub-padding="100"] {
    padding: 100px 0 130px;
}

[data-sub-padding="120"] {
    padding: 120px 0 120px;
}

@media (max-width: 1536px) {
    [data-sub-pad="header100"] {
        margin-top: 128px;
        margin-top: 0;
    }

    [data-sub-padding="100"] {
        padding: 60px 0 70px;
    }

    [data-sub-padding="110"] {
        padding: 60px 0 70px;
    }

    [data-sub-padding="120"] {
        padding: 60px 0 70px;
    }

    [data-sub-bottom="100"] {
        margin-bottom: 70px;
    }
}

@media (max-width: 1199.9px) {
    [data-sub-pad="header100"] {
        margin-top: 65px;
        margin-top: 0;
    }
}

@media (max-width: 499px) {
    [data-sub-pad="header100"] {
        margin-top: 60px;
        margin-top: 0;
    }

    [data-sub-padding="100"] {
        padding: 30px 0 40px;
    }

    [data-sub-padding="110"] {
        padding: 30px 0 40px;
    }

    [data-sub-padding="120"] {
        padding: 30px 0 40px;
    }

    [data-sub-bottom="100"] {
        margin-bottom: 40px;
    }
}

/* contact */
.con1 {
    background: #FFFAF4;
    padding: 120px 0 106px;
}

.con1-h {
    margin-bottom: 113px;
}

.con1-h p {
    color: #1F1F1F;
    text-align: center;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -3.24px;
}

.con1-u {
    margin-right: calc(-.5 * 6.3rem);
    margin-left: calc(-.5 * 6.3rem);
}

.con1-l {
    padding-right: calc(6.3rem * .5);
    padding-left: calc(6.3rem * .5);
}

.con1-lbox {
    border: 1px solid #EFE7DD;
    background: #FFF5E9;
    height: 100%;
    padding: 0 32px 86px 32px;
    position: relative;
}

/*  */
.con1-li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -53px;
    margin-bottom: 35px;
}

.con1-libox {
    --w: 106px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    background: #FFFAF4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.con1-libox i {
    --w: 84px;
    width: var(--w);
    height: var(--w);
    background: #FFF2E4;
    border: 1px solid #EFE7DD;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}

.con1-lh {
    margin-bottom: 30px;
}

.con1-lh p {
    text-align: center;
    color: var(--, #1F1F1F);
    font-size: var(--zj-proseh);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -1.28px;
    text-transform: uppercase;
}

/*  */
.con1-labox {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

div.con1-la {
    max-width: 322px;
}

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

.con1-la:last-child {
    margin-bottom: 0;
}

.con1-la p,
.con1-la p span {
    color: #1F1F1F;
    font-size: var(--zj-ft1-1h);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -0.8px;
}

.con1-la p {
    text-align: center;
}

.con1-lp {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    width: 98%;
}

.con1-lp p {
    color: #666;
    text-align: center;
    font-family: "Roboto";
    font-size: var(--zj-ven2cona);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
}

.con2 {
    padding: 140px 0 120px;
}

.con2-h {
    margin-bottom: 60px;
}

.con2-h p {
    text-align: center;
    color: #1F1F1F;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -3.24px;
}

/* 联系我们表单 */
.con2-fobox {
    margin-bottom: 36px;
}

.con2-fobox:last-child {
    margin-bottom: 0;
}

.con2-foh {
    margin-bottom: 26px;
}

.con2-foh p {
    color: #F74C25;
    font-size: var(--zj-con2la);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -0.88px;
    text-transform: uppercase;
    text-align: center;
}

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

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

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

.con2-fol>input,
.con2-fol>textarea,
.con2-folsp2>select {
    color: #666;
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    font-family: "Roboto";

    width: 100%;
    border: 1px solid #EFE7DD;
    background: #FFFAF4;
    border-radius: 0;

    transition: all 0.5s ease;
    padding: 17px 23px;
    height: 100%;
}

.con2-fol>input:focus,
.con2-fol>textarea:focus {
    border: 1px solid #F74C25;
}

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

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

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

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

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

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

/*  */
.con2-folsp1 {
    width: 100%;
    border: 1px solid #EFE7DD;
    background: #FFFAF4;
    border-radius: 0;
    transition: all 0.5s ease;
    padding: 17px 23px;
}

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

.con2-folsp1>p {
    flex: 0 0 auto;
    color: #666;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;
}

.con2-folsp1>div {
    display: flex;
    /*    justify-content: space-between;*/
    align-items: center;
    flex-wrap: wrap;
}

.con2-folsp1>div>div {
    display: flex;
    align-items: center;
    margin-right: 30px;
    position: relative;
}

.con2-folsp1>div>div:last-child {
    margin-right: 0;
}

.con2-folsp1>div>div input {
    opacity: 0;
}

/*  */
.con2-folsp1>div>div i {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    outline: 0;
    border-radius: 0;
    border: 1px solid #F74C25;
    background: #FFFAF4;
    transition: border-color .3s;
    -webkit-transition: border-color .3s;
    pointer-events: none;
}

.con2-folsp1>div>div input+i:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    border-radius: 0;
    background: #F74C25;
    opacity: 0;
    transition: opacity .1s;
    -webkit-transition: opacity .1s;
}

.con2-folsp1>div>div input:checked+i:after {
    opacity: 1;
}

/*  */

.con2-folsp1>div>div label {
    color: #1F1F1F;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;
    margin-left: 10px;
}

/*  */
.con2-folsp2 {
    position: relative;
}

.con2-folsp2::after {
    position: absolute;
    font-size: 14px;
    content: '\e682';
    color: #666;
    font-family: 'iconfont' !important;
    transition: all 0.5s ease;
    z-index: 12;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
}

/*  */
.con2-folsp3 button {
    width: 100%;
    border: 1px solid #EFE7DD;
    background: #FFFAF4;
    border-radius: 0;
    transition: all 0.5s ease;
    padding: 17px 23px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #666;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;
}

.con2-folsp3 button i {
    color: #666;
    font-size: 24px;
}

.con2-fop {
    padding-top: 10px;
    margin-bottom: 40px;
}

.con2-fop p {
    color: #666;
    text-align: center;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    text-transform: capitalize;
}

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

.con2-fobt button {
    border-radius: 50px;
    background: #1F1F1F;
    padding: 15px 82px;
    transition: all 0.5s ease;
}

.con2-fobt button:hover {
    background: #F74C25;
}

.con2-fobt button span {
    color: #FFF;
    text-align: center;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    text-transform: capitalize;
}

/* con3 */
.con3 {
    background: #FFFAF4;
    padding: 117px 0 135px;
}

.con3-h {
    margin-bottom: 60px;
}

.con3-h p {
    color: #1F1F1F;
    text-align: center;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -3.24px;
}

/*  */
.con3-ubox {
    overflow: hidden;
}

.con3-u {
    margin-right: calc(-.5 * 8rem);
    margin-left: calc(-.5 * 8rem);
}

.con3-l {
    padding-right: calc(8rem * .5);
    padding-left: calc(8rem * .5);
}

.con3-limg {
    position: relative;
}

.con3-limg::after {
    position: absolute;
    content: "\eab2";
    font-size: 22px;
    color: #1F1F1F;
    font-family: 'iconfont' !important;
    transition: all 0.5s ease;
    z-index: 12;
    top: 50%;
    right: calc(8rem * -.5 - 11px);
    transform: translateY(-50%);
}

.con3-limg .img-box {
    padding-bottom: 64%;
    margin-bottom: 20px;
}

.con3-limg .img-box img {
    transition: all 0.5s ease;
}

.con3-lbox:hover .con3-limg .img-box img {
    transform: scale(1.08);
}

.con3-lh {
    margin-bottom: 10px;
}

.con3-lh p {
    color: #F74C25;
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    text-transform: uppercase;
}

.con3-lp p {
    color: #1F1F1F;
    font-size: var(--zj-con2la);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -0.88px;
    max-width: 270px;
}

/*  */
.con4 {
    display: flex;
    justify-content: space-between;
    background: #E34D2B;
    position: relative;
}

.con4-1 {
    width: 50%;
}

.map,
.map .pic,
.map iframe {
    width: 100%;
    height: 100%;
}

.con4-2 {
    width: 50%;
    padding: 72px 0;
}

.con4-h {
    margin-bottom: 60px;
    padding: 0 75px;
}

.con4-h p {
    color: #FFF;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -3.24px;
}

.con4-l {
    padding: 36px 75px;
    border-bottom: 1px solid #ED6C4E;
}

.con4-l:first-child {
    border-top: 1px solid #ED6C4E;
}

.con4-lh {
    margin-bottom: 20px;
}

.con4-lh p {
    color: #FFF;
    font-size: var(--zj-proseh);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -1.28px;
    text-transform: uppercase;
}

.con4-lp p {
    color: #FFF;
    font-size: var(--zj-con2la);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.88px;
}

/*  */
.con5 {
    padding: 120px 0;
}

.con5-box {
    max-width: 1150px;
}

.con5-h {
    margin-bottom: 60px;
}

.con5-h p {
    color: #1F1F1F;
    text-align: center;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -3.24px;
    text-transform: capitalize;
}

/*  */
.con5-l {
    margin-bottom: 10px;
}

.con5-l:last-child {
    margin-bottom: 0;
}

.con5-l1 {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FFFAF4;
    padding: 26px 30px;
    transition: all 0.5s ease;
}

.con5-l1:hover {
    background: #F74C25;
}

.con5-l.on .con5-l1 {
    background: #F74C25;
}

.con5-l1h p {
    color: #1F1F1F;
    font-size: var(--zj-con2la);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -0.88px;
    transition: all 0.5s ease;
}

.con5-l1:hover .con5-l1h p {
    color: #FFF;
}

.con5-l.on .con5-l1h p {
    color: #FFF;
}

.con5-l1i {
    position: relative;
    flex: 0 0 auto;
    margin-left: 12px;
}

.con5-l1i i {
    font-size: 20px;
    line-height: normal;
    color: #1F1F1F;
    transition: all 0.5s ease;
}

.con5-l1i i:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.con5-l.on .con5-l1i i:nth-child(1) {
    opacity: 0;
}

.con5-l.on .con5-l1i i:nth-child(2) {
    opacity: 1;
}

.con5-l.on .con5-l1i i {
    color: #FFF;
}

.con5-l1:hover .con5-l1i i {
    color: #FFF;
}

.con5-l2 {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.8s ease;
}

.con5-l.on .con5-l2 {
    max-height: 500px;
    opacity: 1;
}

.con5-lte {
    padding: 30px;
}

.con5-lte p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.62);
}

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

    .con1-h {
        margin-bottom: 63px;
    }

    .con1-u {
        margin-right: calc(-.5 * 2.3rem);
        margin-left: calc(-.5 * 2.3rem);
    }

    .con1-l {
        padding-right: calc(2.3rem * .5);
        padding-left: calc(2.3rem * .5);
    }

    .con2 {
        padding: 70px 0 60px;
    }

    .con2-h {
        margin-bottom: 30px;
    }

    .con3 {
        padding: 77px 0 65px;
    }

    .con3-u {
        margin-right: calc(-.5 * 4rem);
        margin-left: calc(-.5 * 4rem);
    }

    .con3-l {
        padding-right: calc(4rem * .5);
        padding-left: calc(4rem * .5);
    }

    .con3-limg::after {
        right: calc(4rem * -.5 - 11px);
    }

    .con3-h {
        margin-bottom: 30px;
    }

    .con4-h {
        margin-bottom: 30px;
        padding: 0 35px;
    }

    .con4-l {
        padding: 26px 35px;
    }

    .con4-lh {
        margin-bottom: 10px;
    }

    .con4-2 {
        padding: 62px 0;
    }

    .con5 {
        padding: 70px 0;
    }

    .con5-h {
        margin-bottom: 30px;
    }

    .con5-l1 {
        padding: 13px 15px;
    }

    .con5-lte {
        padding: 15px;
    }
}

@media (max-width: 992px) {
    .con1-libox i {
        --w: 64px;
    }

    .con1-libox {
        --w: 76px;
    }

    .con1-li {
        margin-top: -40px;
        margin-bottom: 24px;
    }

    .con1-lh {
        margin-bottom: 15px;
    }

    .con1-lbox {
        padding: 0 16px 63px 16px;
    }

    .con2-folsp2 {
        height: 100%;
    }

    .con2-fol {
        width: 100%;
    }

    .con3-ubox {
        overflow: scroll;
    }

    .con3-ubox::-webkit-scrollbar {
        display: none;
    }

    .con3-u {
        min-width: 1200px;
    }

    .con3-l:last-child .con3-limg::after {
        display: none;
    }

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

    .con4-2 {
        width: 100%;
    }

    .con4-1 {
        width: 100%;
    }

    .map,
    .map .pic,
    .map iframe {
        height: 400px;
    }
}

@media (max-width: 768px) {
    .con1-l {
        width: 100%;
        margin-bottom: 60px;
    }

    .con1-l:last-child {
        margin-bottom: 0;
    }
}

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

    .con1-h {
        margin-bottom: 63px;
    }

    .con2 {
        padding: 40px 0 30px;
    }

    .con2-h {
        margin-bottom: 15px;
    }

    .con2-folsp1 {
        padding: 12px;
    }

    .con2-fol>input,
    .con2-fol>textarea,
    .con2-folsp2>select {
        padding: 12px;
    }

    .con2-fol {
        margin-bottom: 10px;
    }

    .con2-foh {
        margin-bottom: 16px;
    }

    .con2-fobox {
        margin-bottom: 26px;
    }

    .con2-folsp1 {
        flex-direction: column;
    }

    .con2-folsp1>p {
        margin-bottom: 4px;
    }

    .con2-folsp3 button {
        padding: 12px;
    }

    .con2-fop {
        padding-top: 10px;
        margin-bottom: 20px;
    }

    .con3 {
        padding: 37px 0 35px;
    }

    .con3-h {
        margin-bottom: 15px;
    }

    .con4-2 {
        padding: 32px 0;
    }

    .con4-h {
        margin-bottom: 15px;
        padding: 0 17px;
    }

    .con4-l {
        padding: 16px 17px;
    }

    .con5 {
        padding: 40px 0;
    }

    .con5-h {
        margin-bottom: 15px;
    }

    .con5-l1 {
        padding: 12px;
    }

    .con5-lte {
        padding: 12px;
    }
}

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

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

.ft1-1 {
    width: 50%;
    padding: 62px 0 94px;
}

.ft1-2u {
    display: flex;
}

.ft1-2l {
    margin-right: 20%;
}

.ft1-2l:last-child {
    margin-right: 0;
}

.ft1-2lh {
    margin-bottom: 34px;
}

.ft1-2lh p {
    color: #FFF;
    font-size: var(--zj-ft1-2uh);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -1.04px;
    text-transform: capitalize;
}

.ft1-2labox {
    display: flex;
    margin-bottom: 14px;
}

.ft1-2labox:last-child {
    margin-bottom: 0;
}

.ft1-2labox>p {
    color: rgba(255, 255, 255, 0.80);
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    flex: 0 0 auto;
    min-width: 86px;
    margin-right: 10px;
    transition: all 0.5s ease;
}

.ft1-2labox:hover>p {
    color: #FFF;
}

div.ft1-2la {
    max-width: 259px;
}

.ft1-2la span {
    color: rgba(255, 255, 255, 0.80);
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    transition: all 0.5s ease;
    --size: 1px;
    --color: #FFF;
    text-decoration: none;
    background-image: linear-gradient(var(--color), var(--color));
    background-size: 0% var(--size);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    transition-property: background-size, color, opacity;
    transition-duration: 0.5s;
    transition-timing-function: cubic-beizer(0.4, 0, 0.2, 1);
}

.ft1-2labox:hover .ft1-2la span {
    color: #FFF;
}

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

.ft1-2lfla {
    display: flex;
}

.ft1-2lfla span {
    color: rgba(255, 255, 255, 0.80);
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 2);
    --size: 1px;
    --color: #FFF;
    text-decoration: none;
    background-image: linear-gradient(var(--color), var(--color));
    background-size: 0% var(--size);
    background-position: 100% calc(100% - 7px);
    background-repeat: no-repeat;
    transition-property: background-size, color, opacity;
    transition-duration: 0.5s;
    transition-timing-function: cubic-beizer(0.4, 0, 0.2, 1);
}

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

/*  */
.ft1-1share {
    margin-top: 48px;
    display: flex;
    align-items: center;
}

.ft1-1share a {
    --w: 46px;
    width: var(--w);
    height: var(--w);
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
    transition: all 0.5s ease;
}

.ft1-1share a:hover {
    background: #FFF;
    border: 1px solid rgba(255, 255, 255, 1);
}

.ft1-1share a:last-child {
    margin-right: 0;
}

.ft1-1share a i {
    font-size: 18px;
    line-height: normal;
    color: rgba(255, 255, 255, 1);
    transition: all 0.5s ease;
}

.ft1-1share a:hover i {
    color: rgba(247, 76, 37, 1);
}

/*  */

.ft1-2 {
    width: 50%;
    border-left: 1px solid #FFF;
    padding: 62px 0 62px 50px;
}

.ft1-2h {
    margin-bottom: 34px;
}

.ft1-2h p {
    color: #FFF;
    font-size: var(--zj-ft1-2uh);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -1.04px;
    text-transform: capitalize;
}

/*  */
.ft1-2form .con2-fobox {
    margin-bottom: 15px;
}

.ft1-2form .con2-fol>input,
.ft1-2form .con2-fol>textarea,
.ft1-2form .con2-folsp2>select {
    background: none;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
    padding: 0 0 20px 0;
    color: rgba(255, 255, 255, 1);
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    height: 100%;
}

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

.ft1-2form .con2-fol input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.70);
}

.ft1-2form .con2-fol input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.70);
}

.ft1-2form .con2-fol input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.70);
}

.ft1-2form .con2-fol textarea::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.70);
}

.ft1-2form .con2-fol textarea::-moz-placeholder {
    color: rgba(255, 255, 255, 0.70);
}

.ft1-2form .con2-fol textarea::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.70);
}

/*  */
.ft1-2form .con2-fobt {
    justify-content: flex-end;
}

.ft1-2form .con2-fobt button {
    padding: 0;
    background: none;
}

.ft1-2form .con2-fobt button span {
    color: #FFF;
    font-size: var(--zj-ven2-la);
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-transform: uppercase;
    --size: 1px;
    --color: #FFF;
    text-decoration: none;
    background-image: linear-gradient(var(--color), var(--color));
    background-size: 0% var(--size);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    transition-property: background-size, color, opacity;
    transition-duration: 0.5s;
    transition-timing-function: cubic-beizer(0.4, 0, 0.2, 1);
}

.ft1-2form .con2-fobt button:hover span {
    color: #FFF;
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
}

/*  */
/*  */
.ft2-box {
    padding: 26px 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ft2-box::after {
    position: absolute;
    content: "";
    width: 100vw;
    height: 1px;
    background: #FFF;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.ft2-lf {
    display: flex;
    align-items: center;
}

/*  */
/*  */

.ft2-1 {
    display: flex;
    align-items: center;
}

.ft2-1copy {
    margin-right: 4px;
}

.ft2-1copy span {
    color: rgba(255, 255, 255, 0.60);
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;
}

.ft2-1pow span {
    color: rgba(255, 255, 255, 0.60);
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;
    --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-1pow:hover span {
    color: #FFF;
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
}

.ft2-1cnzz {
    padding-bottom: 2px;
    margin-left: 16px;
}

.ft2-2 {
    display: flex;
    align-items: center;

}

.ft2-2>span {
    width: 1px;
    height: 8px;
    background: rgba(255, 255, 255, 0.20);
    margin: 0 20px 0;
}

.ft2-2a {
    display: block;
}

.ft2-2a span {
    color: rgba(255, 255, 255, 0.60);
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;
    --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-2a:hover span {
    color: #FFF;
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
}

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

@media (max-width: 1536px) {
    .ft1-2l {
        margin-right: 10%;
    }

    .ft1-2labox>p {
        min-width: 68px;
    }

    .ft2-box {
        padding: 16px 0;
    }
}

@media (max-width: 1199.9px) {
    .ft1-2l:last-child {
        display: none;
    }

    .ft1-2l {
        margin-right: 30px;
    }

    #footer {
        margin-bottom: 48px;
    }
}

@media (max-width: 992px) {
    .ft1-2 {
        width: 100%;
        border-top: 1px solid #ffffff;
        border-left: 1px solid #ffffff00;
        padding: 30px 0;
    }

    .ft1 {
        flex-direction: column;
    }

    .ft1-1 {
        width: 100%;
        padding: 32px 0 44px;
    }

    .ft1-2l {
        margin-right: 0;
    }

    .ft1-1share {
        margin-top: 24px;
    }

    .ft1-1share a {
        --w: 36px;
    }

    .ft2-box {
        flex-direction: column;
        align-items: flex-start;
    }

    .ft2-2>span {
        margin: 0 10px 0;
    }

    .ft2-1 {
        align-items: flex-start;
        flex-direction: column;
    }

    .ft2-1cnzz {
        margin-left: 0;
    }
}

@media (max-width: 499px) {
    .ft1-2lh {
        margin-bottom: 14px;
    }

    .ft1-2labox {
        margin-bottom: 6px;
    }

    .ft1-1 {
        padding: 32px 0 24px;
    }

    .ft1-2h {
        margin-bottom: 14px;
    }

    .ft1-2form .con2-fol>input,
    .ft1-2form .con2-fol>textarea,
    .ft1-2form .con2-folsp2>select {
        padding: 0 0 10px 0;
    }

    .ft2-box {
        padding: 8px 0;
    }
}

/* 山东永信进出口有限公司（容量） */
.cap1 {
    background: #FFFAF4;
    padding: 120px 0 100px;
}

.cap1-h {
    margin-bottom: 60px;
}

.cap1-h p {
    color: #1F1F1F;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -3.24px;
}

/*  */
.cap1-u {
    justify-content: space-between;
}

.cap1-l {
    width: auto;
}

.cap1-lh {
    display: flex;
    margin-bottom: 12px;
}

.cap1-lh p {
    color: #1F1F1F;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -1.62px;
    transition: all 0.5s ease;
}

.cap1-lbox:hover .cap1-lh p {
    color: #F74C25;
}

.cap1-lh span {
    font-family: "Roboto";
    font-size: var(--zj-oem3-1l1p);
    font-weight: 500;
    line-height: 100%;
    transition: all 0.5s ease;
}

.cap1-lbox:hover .cap1-lh span {
    color: #F74C25;
}

.cap1-lp p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
}

/*  */
.cap2 {
    margin-top: 120px;
}

.cap2-h {
    margin-bottom: 20px;
}

.cap2-h p {
    color: #1F1F1F;
    text-align: center;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -3.24px;
    text-transform: capitalize;
}

.cap2-p {
    margin-bottom: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.cap2-p p {
    color: #444;
    text-align: center;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
    max-width: 810px;
}

/*  */
.cap2-swbox {
    cursor: pointer;
}

.cap2-swimg {
    margin-bottom: 30px;
}

.cap2-swimg .img-box {
    padding-bottom: 132%;
}

.cap2-swimg .img-box img {
    transition: all 0.5s ease;
}

.cap2-swbox:hover .cap2-swimg .img-box img {
    transform: scale(1.08);
}

.cap2-swh p {
    color: #1F1F1F;
    font-size: var(--zj-ft1-1h);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -0.8px;
    transition: all 0.5s ease;
}

.cap2-swbox:hover .cap2-swh p {
    color: #F74C25;
}

/*  */
.cap3-box {
    padding: 120px 0 calc(120px - 34px);
}

.cap3-h {
    margin-bottom: 60px
}

.cap3-h p {
    color: #1F1F1F;
    text-align: center;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -3.24px;
    text-transform: capitalize;
}

.cap3-ubox {
    overflow: hidden;
}

.cap3-l:last-child .con3-limg::after {
    display: none;
}

.cap3-u {
    margin-right: calc(-.5 * 8rem);
    margin-left: calc(-.5 * 8rem);
}

.cap3-l {
    padding-right: calc(8rem * .5);
    padding-left: calc(8rem * .5);
    margin-bottom: 34px;
}

.cap4 {
    background: #FFFAF4;
    padding: 124px 0;
}

.cap4-l {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 100px;
}

.cap4-l:nth-child(2n) {
    flex-direction: row-reverse;
}

.cap4-l:last-child {
    margin-bottom: 0;
}

.cap4-l1 {
    width: calc(53% - 135px);
    flex: 0 0 auto;
}

.cap4-l1h p {
    color: #1F1F1F;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: calc((var(--zj-so2lnum2) - 2px) * 1.03);
    letter-spacing: -3.24px;
}

.cap4-l1p {
    margin-top: 20px;
}

.cap4-l1p p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
}

.cap4-l1u {
    margin-top: 50px;
}

.cap4-l1l {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.cap4-l1l:last-child {
    margin-bottom: 0;
}

.cap4-l1l i {
    flex: 0 0 auto;
    --w: 20px;
    width: var(--w);
    height: var(--w);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #FFF;
    background: #F74C25;
    border-radius: 50%;
    margin-right: 18px;
}

.cap4-l1l p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
}

.cap4-l1lsp p {
    color: #F74C25;
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: uppercase;
}

/*  */
.cap4-l2 {
    width: 47%;
    flex: 0 0 auto;
    overflow: hidden;
}

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

.cap4-l2:hover img {
    transform: scale(1.08);
}

.cap5 {
    padding: 120px 0;
}

.cap5-h {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: center;
}

.cap5-h p {
    color: #1F1F1F;
    text-align: center;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: calc((var(--zj-so2lnum2) - 2px) * 1.03);
    letter-spacing: -3.24px;
    max-width: 720px;
}

.cap5-p {
    margin-bottom: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.cap5-p p {
    color: #444;
    text-align: center;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
    max-width: 810px;
}

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

/*  */
.cap6 {
    padding: 142px 0;
    background: #FFFAF4;
}

.oem .cap6 {
    display: none;
}

.cap6-h {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.cap6-h p {
    color: #1F1F1F;
    text-align: center;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: calc((var(--zj-so2lnum2) - 2px) * 1.03);
    letter-spacing: -3.24px;
    text-transform: capitalize;
    max-width: 710px;
}

.cap6-p {
    margin-bottom: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.cap6-p p {
    color: #444;
    text-align: center;
    font-family: "Roboto";
    font-size: var(--zj-ven2-la);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-ven2-la) * 1.44);
    max-width: 717px;
}

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

.cap6-a {
    border-radius: 60px;
    background: #1F1F1F;
    padding: 15px;
    min-width: 214px;
    margin: 0 5px;
    transition: all 0.5s ease;
}

.cap6-a:hover {
    background: #F74C25;
}

.cap6-a p {
    color: #FFF;
    text-align: center;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    text-transform: capitalize;
}

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

    .cap1 {
        padding: 70px 0 60px;
    }

    .cap1-h {
        margin-bottom: 30px;
    }

    .cap2 {
        margin-top: 70px;
    }

    .cap2-p {
        margin-bottom: 40px;
    }

    .cap3-box {
        padding: 70px 0 calc(70px - 24px);
    }

    .cap3-u {
        margin-right: calc(-.5 * 4rem);
        margin-left: calc(-.5 * 4rem);
    }

    .cap3-l {
        padding-right: calc(4rem * .5);
        padding-left: calc(4rem * .5);
        margin-bottom: 24px;
    }

    .cap3-h {
        margin-bottom: 30px;
    }

    .cap4 {
        padding: 70px 0;
    }

    .cap4-l1u {
        margin-top: 20px;
    }

    .cap4-l {
        margin-bottom: 50px;
    }

    .cap5 {
        padding: 70px 0;
    }

    .cap5-p {
        margin-bottom: 30px;
    }
}

@media (max-width: 992px) {
    .cap1-l {
        margin-bottom: 12px;
    }

    .cap3-l {
        width: 33.33%;
    }

    .cap4-l,
    .cap4-l:nth-child(2n) {
        flex-direction: column;
    }

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

    .cap4-l2 {
        width: 100%;
    }
}

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

@media (max-width: 499px) {
    .cap3-l {
        width: 50%;
    }

    .cap1 {
        padding: 40px 0 40px;
    }

    .cap1-l {
        width: 50%;
    }

    .cap2 {
        margin-top: 40px;
    }

    .cap2-p {
        margin-bottom: 20px;
    }

    .cap2-swimg {
        margin-bottom: 15px;
    }

    .cap3-box {
        padding: 40px 0 calc(40px - 24px);
    }

    .cap4 {
        padding: 40px 0;
    }

    .cap5 {
        padding: 40px 0;
    }

    .cap5-p {
        margin-bottom: 15px;
    }
}

/* 山东永信进出口有限公司（质量） */
.sub-fu {
    margin-bottom: 40px;
}

.sub-fl {
    position: relative;
    padding-left: 24px;
}

.sub-fl::after {
    position: absolute;
    content: "";
    --w: 5px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    left: 8px;
    top: 8px;
    background: #F74C25;
}

.sub-fl p {
    color: #F74C25;
    font-size: var(--zj-ven2-la);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-ven2-la) * 1.44);
}

.qua1 {
    background: #FFFAF4;
    padding: 120px 0 110px;
}

.qua1-h {
    margin-bottom: 20px;
}

.qua1-h p {
    color: #1F1F1F;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -3.24px;
}

.qua1-p p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
    max-width: 810px;
}

/*  */
.qua2 {
    padding: 120px 0;
}

.qua2-h {
    margin-bottom: 60px;
}

.qua2-h p {
    color: #1F1F1F;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -3.24px;
}

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

.qua2-l:last-child {
    margin-bottom: 0;
}

.qua2-l:nth-child(2n) {
    flex-direction: row-reverse;
}

.qua2-limg {
    width: 47%;
    flex: 0 0 auto;
}

.qua2-limg .img-box {
    padding-bottom: 55%;
}

.qua2-limg .img-box img {
    transition: all 0.5s ease;
}

.qua2-limg .img-box:hover img {
    transform: scale(1.08);
}

.qua2-lte {
    width: calc(53% - 110px);
    flex: 0 0 auto;
}

.qua2-lh {
    margin-bottom: 20px;
}

.qua2-lh p {
    color: #1F1F1F;
    font-size: var(--zj-pro2-1h);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -1.2px;
    text-transform: capitalize;
}

.qua2-lp {
    margin-bottom: 40px;
}

.qua2-lp p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
}

/*  */
.qua2-luh {
    margin-bottom: 10px;
}

.qua2-luh p {
    color: #F74C25;
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: uppercase;
}

.qua2-ll {
    position: relative;
    padding-left: 20px;
}

.qua2-ll::after {
    position: absolute;
    content: "";
    --w: 5px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    left: 4px;
    top: 12px;
    background: #444;
}

.qua2-ll p {
    color: #444;
    font-family: "Roboto";
    font-size: calc(var(--zj-subnav) - 1px);
    font-style: normal;
    font-weight: normal;
    line-height: calc((var(--zj-subnav) - 1px) * 2);
}

/*  */
.qua3 {
    padding-top: 117px;
    background: linear-gradient(180deg, #FFFAF4 38.39%, #FFF 99.43%);
}

.qua3-l {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 100px;
}

.qua3-l:last-child {
    margin-bottom: 0;
}

.qua3-l1 {
    width: calc(53% - 110px);
    flex: 0 0 auto;
}

.qua3-l1h p {
    color: #1F1F1F;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: calc((var(--zj-so2lnum2) - 2px) * 1.03);
    letter-spacing: -3.24px;
}

.qua3-l1p {
    margin-top: 20px;
}

.qua3-l1p p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
}

.qua3-l1uh {
    margin-bottom: 20px;
}

.qua3-l1uh p {
    color: #F74C25;
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
}

/*  */
.qua3-l1u {
    margin-top: 50px;
}

.qua3-l1l {
    display: flex;
    margin-bottom: 18px;
}

.qua3-l1l:last-of-type {
    margin-bottom: 0;
}

.qua3-l1l i {
    --w: 20px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    background: #F74C25;
    font-size: 14px;
    line-height: normal;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 18px;
}

.qua3-l1l p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    padding-top: 1px;
}

.qua3-l2 {
    width: 47%;
    flex: 0 0 auto;
}

.qua3-l2 .img-box {
    padding-bottom: 70%;
}

/*  */
.qua4 {
    padding: 160px 0 120px;
    background: #FFF;
}

.qua4-h {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.qua4-h p {
    color: #1F1F1F;
    text-align: center;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: calc((var(--zj-so2lnum2) - 2px) * 1.03);
    letter-spacing: -3.24px;
    max-width: 775px;
}

.qua4-p {
    margin-bottom: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.qua4-p p {
    color: #444;
    text-align: center;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
    max-width: 810px;
}

.qua4-ubox {
    overflow: hidden;
}

.qua4-u {
    margin-right: calc(-.5 * 4.75rem);
    margin-left: calc(-.5 * 4.75rem);
}

.qua4-l {
    width: 14.2%;
    flex: 0 0 auto;
    padding-right: calc(4.75rem * .5);
    padding-left: calc(4.75rem * .5);
}

.qua4-lbox {
    position: relative;
    border: 1px solid #EFE7DD;
    background: #FFFAF4;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 12px;
    min-height: 129px;
    height: 100%;
    transition: all 0.5s ease;
}

.qua4-lbox:hover {
    background: #F74C25;
    border: 1px solid #F74C25;
}

.qua4-lbox::after {
    position: absolute;
    content: "\eab2";
    font-size: 22px;
    color: #1F1F1F;
    font-family: 'iconfont' !important;
    transition: all 0.5s ease;
    z-index: 12;
    top: 50%;
    right: calc(4.75rem * -.5 - 11px);
    transform: translateY(-50%);
}

.qua4-l:last-child .qua4-lbox::after {
    display: none;
}

.qua4-lh p {
    color: #1F1F1F;
    text-align: center;
    font-size: var(--zj-ft1-1h);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -0.8px;
    transition: all 0.5s ease;
}

.qua4-lbox:hover .qua4-lh p {
    color: #FFF;
}

/*  */
.qua5 {
    background: #FFFAF4;
    padding: 150px 0;
}

.qua5-h {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.qua5-h p {
    color: #1F1F1F;
    text-align: center;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: calc((var(--zj-so2lnum2) - 2px) * 1.03);
    letter-spacing: -3.24px;
    max-width: 718px;
}

.qua5-p {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.qua5-p p {
    color: #444;
    text-align: center;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
    max-width: 810px;
}

/*  */
.qua6 {
    padding: 120px 0;
}

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

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

    .qua2 {
        padding: 70px 0;
    }

    .qua2-h {
        margin-bottom: 30px;
    }

    .qua3 {
        padding-top: 67px;
    }

    .qua4 {
        padding: 80px 0 70px;
    }

    .qua4-p {
        margin-bottom: 40px;
    }

    .qua4-lbox {
        min-height: 90px;
    }

    .qua6 {
        padding: 70px 0;
    }
}

@media (max-width: 992px) {

    .qua2-l,
    .qua2-l:nth-child(2n) {
        flex-direction: column-reverse;
    }

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

    .qua2-limg {
        width: 100%;
    }

    .qua3-l {
        flex-direction: column;
    }

    .qua4-ubox {
        overflow: auto;
    }

    .qua4-ubox::-webkit-scrollbar {
        display: none;
    }

    .qua4-lh p {
        width: max-content;
    }

    .qua4-u {
        min-width: 1600px;
    }

    .qua6-box {
        flex-direction: column-reverse;
    }
}

@media (max-width: 768px) {
    .qua2-lu {
        width: 100%;
        margin-bottom: 10px;
    }

    .qua2-lu:last-child {
        margin-bottom: 0;
    }
}

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

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

    .qua2 {
        padding: 40px 0;
    }

    .qua2-lp {
        margin-bottom: 20px;
    }

    .qua3 {
        padding-top: 37px;
    }

    .qua3-l {
        margin-bottom: 30px;
    }

    .qua4 {
        padding: 40px 0;
    }

    .qua6 {
        padding: 40px 0;
    }
}

/*  */
.pac1 {
    padding: 120px 0;
}

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

.pac2 {
    background: #FFFAF4;
    padding: 118px 0;
}

.pac2-h {
    margin-bottom: 60px;
}

.pac2-h p {
    color: #1F1F1F;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -3.24px;
}

.pac2-u {
    margin-right: calc(-.5 * 1.88rem);
    margin-left: calc(-.5 * 1.88rem);
}

.pac2-l {
    padding-right: calc(1.88rem * .5);
    padding-left: calc(1.88rem * .5);
}

.pac2-l:nth-child(2n) .pac2-lbox {
    display: flex;
    flex-direction: column-reverse;
}

.pac2-limg img {
    width: 100%;
    height: auto;
    min-height: 340px;
    object-fit: cover;
    object-position: center;
}

.pac2-lte {
    padding: 44px 30px 40px;
    background: #FFF5E9;
    min-height: 340px;
}

.pac2-lh p {
    color: #1F1F1F;
    font-size: var(--zj-con2la);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -0.88px;
    text-transform: capitalize;
}

.pac2-lp {
    margin-top: 12px;
}

.pac2-lp p {
    color: #666;
    font-family: "Roboto";
    font-size: calc(var(--zj-subnav) - 1px);
    font-style: normal;
    font-weight: normal;
    line-height: calc((var(--zj-subnav) - 1px) * 1.46);
}

.pac2-lu {
    margin-top: 30px;
}

.pac2-li {
    position: relative;
    padding-left: 16px;
}

.pac2-li::after {
    position: absolute;
    content: "";
    --w: 5px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    background: #F74C25;
    left: 0;
    top: 10px;
}

.pac2-li p {
    color: #F74C25;
    font-family: "Roboto";
    font-size: calc(var(--zj-subnav) - 1px);
    font-style: normal;
    font-weight: normal;
    line-height: calc((var(--zj-subnav) - 1px) * 1.73);
}

.pac3 {
    padding: 120px 0;
}

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

.pac3-1 .img-box {
    padding-bottom: 75%;
}

.pac3-btn {
    display: flex;
    margin-top: 36px;
}

.pac3-a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #F74C25;
    padding: 15px 24px;
    transition: all 0.5s ease;
}

.pac3-a:hover {
    background: #f74c25cf;
}

.pac3-a p {
    color: #FFF;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    text-transform: capitalize;
}

.pac3-a i {
    font-size: 14px;
    line-height: normal;
    color: #FFF;
    margin-left: 10px;
}

/*  */
.pac4-box {
    padding: 120px 0 30px;
}

.pac4-h {
    margin-bottom: 60px;
}

.pac4-h p {
    color: #1F1F1F;
    text-align: center;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -3.24px;
    text-transform: capitalize;
}

.pac4 .con2-fobt {
    margin-top: 30px;
}

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

    .qua3-l1u {
        margin-top: 20px;
    }

    .pac2 {
        padding: 68px 0;
    }

    .pac2-h {
        margin-bottom: 30px;
    }

    .pac2-lte {
        padding: 22px 15px 20px;
    }

    .pac3 {
        padding: 70px 0;
    }

    .pac3-box {
        align-items: flex-start;
    }

    .qua5 {
        padding: 70px 0;
    }

    .pac4-box {
        padding: 70px 0 0;
    }

    .pac4-h {
        margin-bottom: 30px;
    }
}

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

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

    .qua3-l2 {
        width: 100%;
    }

    .pac2-l {
        width: 50%;
    }

    .pac3-box {
        flex-direction: column-reverse;
    }
}

@media (max-width: 642px) {
    .pac2-l {
        width: 100%;
    }

    .pac2-l:nth-child(2n) .pac2-lbox {
        flex-direction: column;
    }

    .pac2-lte {
        min-height: 140px;
    }
}

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

    .pac1 {
        padding: 40px 0;
    }

    .pac2 {
        padding: 38px 0;
    }

    .pac2-h {
        margin-bottom: 15px;
    }

    .qua5 {
        padding: 40px 0;
    }

    .pac4-box {
        padding: 40px 0 0;
    }

    .pac4-h {
        margin-bottom: 15px;
    }
}

/*  */
.dec1-box {
    padding: 120px 0 80px;
}

.dec1-h {
    margin-bottom: 60px;
}

.dec1-h p {
    color: #1F1F1F;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -3.24px;
}

/*  */
.dec1-u {
    margin-right: calc(-.5 * 1.88rem);
    margin-left: calc(-.5 * 1.88rem);
}

.dec1-l {
    padding-right: calc(1.88rem * .5);
    padding-left: calc(1.88rem * .5);
    margin-bottom: 40px;
}

.dec1-limg {
    margin-bottom: 30px;
}

.dec1-limg .img-box {
    padding-bottom: 49%;
}

.dec1-limg .img-box img {
    transition: all 0.5s ease;
}

.dec1-limg:hover .img-box img {
    transform: scale(1.08);
}

.dec1-lh {
    margin-bottom: 10px;
}

.dec1-lh p {
    color: #1F1F1F;
    font-size: var(--zj-con2la);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -0.88px;
}

.dec1-lp p {
    color: #666;
    font-family: "Roboto";
    font-size: var(--zj-ven2cona);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-ven2cona) * 1.28);
}

/*  */
.dec2 {
    background: #FFFAF4;
}

.dec2-box {
    padding: 126px 0;
}

.dec2-h {
    margin-bottom: 60px;
}

.dec2-h p {
    color: #1F1F1F;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -3.24px;
}

.dec2-l {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.dec2-l:nth-child(2n) {
    flex-direction: row-reverse;
}

.dec2-l:last-child {
    margin-bottom: 0;
}

.dec2-limg {
    width: 42%;
    flex: 0 0 auto;
    overflow: hidden;
}

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

.dec2-limg:hover img {
    transform: scale(1.08);
}

/*  */
.dec2-lte {
    width: calc(58% - 110px);
    flex: 0 0 auto;
}

.dec2-lh p {
    color: #1F1F1F;
    font-size: var(--zj-pro2-1h);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -1.2px;
    text-transform: capitalize;
}

.dec2-lp {
    margin-top: 30px;
}

.dec2-lp p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
}

.dec2-lu {
    margin-top: 40px;
}

.dec2-lu p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.87);
}

.dec2-llh {
    margin-bottom: 10px;
}

.dec2-llh p {
    color: #F74C25;
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    text-transform: uppercase;
}

.dec2-ll {
    position: relative;
    padding-left: 20px;
}

.dec2-ll::after {
    position: absolute;
    content: "";
    --w: 5px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    background: #444;
    left: 6px;
    top: 12px;
}

.dec2-ll p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.87);
}

.dec2-lu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dec2-lu ul li {
    position: relative;
    padding-left: 20px;
}

.dec2-lu ul li::after {
    position: absolute;
    content: "";
    --w: 5px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    background: #444;
    left: 6px;
    top: 12px;
}

.dec2-lu ul li p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.87);
}

.dec3 {
    padding-top: 120px;
}

.dec3-u {
    margin-right: calc(-.5 * 9.5rem);
    margin-left: calc(-.5 * 9.5rem);
}

.dec3-l {
    padding-right: calc(9.5rem * .5);
    padding-left: calc(9.5rem * .5);
}

.dec3-lh p {
    color: #1F1F1F;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -3.24px;
}

.dec3-lp {
    margin-top: 20px;
}

.dec3-lp p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
    min-height: calc(var(--zj-subnav) * 3);
}

.dec3-lu {
    margin-top: 50px;
}

.dec3-ll {
    display: flex;
    margin-bottom: 18px;
}

.dec3-ll:last-of-type {
    margin-bottom: 0;
}

.dec3-ll i {
    --w: 20px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    background: #F74C25;
    font-size: 14px;
    line-height: normal;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 18px;
}

.dec3-ll p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    padding-top: 1px;
}

.dec3-limg {
    margin-top: 40px;
    position: relative;
}

.dec3-limg .img-box {
    padding-bottom: 42%;
}

.dec3-limg .img-box img {
    transition: all 0.5s ease;
}

.dec3-limg .img-box img {
    transition: all 0.5s ease;
}

.dec3-lbox:hover .dec3-limg .img-box img {
    transform: scale(1.08);
}

.dec3-lbtn {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    z-index: 12;
    transition: all 0.5s ease;
    opacity: 0;
}

.dec3-lbox:hover .dec3-lbtn {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

.dec3-la {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #F74C25;
    padding: 15px 24px;
    transition: all 0.5s ease;
}

.dec3-la:hover {
    background: #f74c25cf;
}

.dec3-la p {
    color: #FFF;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    text-transform: capitalize;
}

.dec3-la i {
    font-size: 14px;
    color: #FFF;
    margin-left: 10px;
}

.dec4 {}

.dec4-box {
    padding-top: 120px;
}

.dec4-top {
    margin-bottom: 80px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.dec4-1h {
    margin-bottom: 20px;
}

.dec4-1h p {
    color: #1F1F1F;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -3.24px;
}

.dec4-1p p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
    max-width: 810px;
}

.dec4-2 {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

.dec4-2 .swiper-button-prev,
.dec4-2 .swiper-button-next {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    --w: 50px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    background: #FFFAF4;
    opacity: 1 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    transition: all 0.5s ease;
}

.dec4-2 .swiper-button-prev {
    margin-right: 6px;
}

.dec4-2 .swiper-button-prev:hover,
.dec4-2 .swiper-button-next:hover {
    background: #F74C25;
}

.dec4-2 .swiper-button-prev::after,
.dec4-2 .swiper-button-next::after {
    content: "";
}

.dec4-2 .swiper-button-prev i,
.dec4-2 .swiper-button-next i {
    font-size: 18px;
    color: rgba(247, 76, 37, 1);
    line-height: normal;
    transition: all 0.5s ease;
}

.dec4-2 .swiper-button-prev:hover i,
.dec4-2 .swiper-button-next:hover i {
    color: rgba(255, 255, 255, 1);
}

/*  */
.dec4-sw {
    position: relative;
}

#dec4-sw {
    overflow: hidden;
}

.dec4-swimg {
    position: relative;
}

.dec4-swimg .img-box {
    padding-bottom: 60%;
}

.dec4-swimg .img-box img {
    transition: all 0.5s ease;
}

.dec4-swbox:hover .dec4-swimg .img-box img {
    transform: scale(1.08);
}

.dec4-swte {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 12;
    background: rgba(0, 0, 0, 0.30);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 0.5s ease;
}

.dec4-swbox:hover .dec4-swte {
    opacity: 1;
}

.dec4-swp {
    padding: 0 28px;
}

.dec4-swp p {
    color: #FFF;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.86);
}

.dec4-swh {
    margin-top: 26px;
}

.dec4-swh p {
    color: #1F1F1F;
    font-size: var(--zj-ft1-1h);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
}

.dec5 {
    padding: 120px 0;
}

.dec5-h {
    margin-bottom: 60px;
}

.dec5-h p {
    color: #1F1F1F;
    text-align: center;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -3.24px;
    text-transform: capitalize;
}

.dec5 .con2-fobt {
    margin-top: 30px;
}

@media (max-width: 1536px) {
    .sub-fa {
        min-width: 150px;
    }

    .dec1-box {
        padding: 70px 0 50px;
    }

    .dec2-box {
        padding: 70px 0;
    }

    .dec3 {
        padding-top: 70px;
    }

    .dec3-u {
        margin-right: calc(-.5 * 4.5rem);
        margin-left: calc(-.5 * 4.5rem);
    }

    .dec3-l {
        padding-right: calc(4.5rem * .5);
        padding-left: calc(4.5rem * .5);
    }

    .dec4-box {
        padding-top: 70px;
    }

    .dec4-top {
        margin-bottom: 40px;
    }

    .dec5 {
        padding: 70px 0;
    }
}

@media (max-width: 992px) {
    .sub-fly {
        flex-direction: column;
        align-items: flex-start;
    }

    .sub-fly2 {
        margin-left: 0;
    }

    .dec1-l {
        width: 50%;
    }

    .dec2-l,
    .dec2-l:nth-child(2n) {
        flex-direction: column-reverse;
    }

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

    .dec2-limg {
        width: 100%;
    }

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

    .dec4-2 {
        display: none;
    }
}

@media (max-width: 499px) {
    .dec1-box {
        padding: 40px 0 20px;
    }

    .dec1-h {
        margin-bottom: 20px;
    }

    .dec1-u {
        margin-right: calc(-.5 * 0.88rem);
        margin-left: calc(-.5 * 0.88rem);
    }

    .dec1-l {
        padding-right: calc(0.88rem * .5);
        padding-left: calc(0.88rem * .5);
        margin-bottom: 20px;
    }

    .dec1-limg {
        margin-bottom: 12px;
    }

    .dec2-box {
        padding: 40px 0;
    }

    .dec2-h {
        margin-bottom: 30px;
    }

    .dec2-lp {
        margin-top: 10px;
    }

    .dec2-lu {
        margin-top: 20px;
    }

    .dec2-lte {
        margin-bottom: 20px;
    }

    .dec3 {
        padding-top: 40px;
    }

    .dec3-lp {
        margin-top: 10px;
    }

    .dec3-lu {
        margin-top: 20px;
    }

    .dec4-box {
        padding-top: 30px;
    }

    .dec4-swp {
        padding: 0 12px;
    }

    .dec4-top {
        margin-bottom: 20px;
    }

    .dec5 {
        padding: 40px 0;
    }

    .dec5-h {
        margin-bottom: 20px;
    }
}

/* 山东永信进出口有限公司（OEM） */
.oem1 {
    padding: 120px 0 126px;
}

.oem1-h {
    margin-bottom: 20px;
}

.oem1-h p {
    color: #1F1F1F;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -3.24px;
}

.oem1-p {
    margin-bottom: 80px;
}

.oem1-p p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
    max-width: 810px;
}

/*  */
.oem1-swimg .img-box {
    padding-bottom: 130%;
}

.oem1-swimg .img-box img {
    transition: all 0.5s ease;
}

.oem1-swbox:hover .oem1-swimg .img-box img {
    transform: scale(1.08);
}

.oem1-swte {
    margin-top: 30px;
}

.oem1-swh p {
    color: #1F1F1F;
    font-size: var(--zj-ft1-1h);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -0.8px;
    transition: all 0.5s ease;
}

.oem1-swbox:hover .oem1-swh p {
    color: #F74C25;
}

.oem1-swp {
    margin-top: 10px;
}

.oem1-swp p {
    color: #666;
    font-family: "Roboto";
    font-size: var(--zj-ven2cona);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-ven2cona) * 1.28);
    max-width: 260px;
}

/*  */
.oem-bg1 {
    background: linear-gradient(180deg, #FFFAF4 38.39%, #FFF 99.43%);
}

.oem2 {
    padding-top: 95px;
}

.oem2-h {
    margin-bottom: 60px;
}

.oem2-h p {
    color: #1F1F1F;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -3.24px;
    text-align: center;
}

/*  */
.oem2-u {
    margin-right: calc(-.5 * 1.88rem);
    margin-left: calc(-.5 * 1.88rem);
}

.oem2-l {
    padding-right: calc(1.88rem * .5);
    padding-left: calc(1.88rem * .5);
}

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

.oem2-limg {
    width: 50%;
}

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

.oem2-lte {
    width: 50%;
    background: #FFF;
    padding: 72px 54px 22px;
}

.oem2-lh {
    margin-bottom: 36px;
}

.oem2-lh p {
    color: #000;
    font-size: var(--zj-con2la);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -0.88px;
}

.oem2-ll {
    position: relative;
    padding-left: 20px;
    margin-bottom: 24px;
}

.oem2-ll:last-child {
    margin-bottom: 0;
}

.oem2-ll::after {
    position: absolute;
    content: "";
    --w: 5px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    background: #444;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.oem2-ll p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.12);
}

/*  */
.oem3 {
    padding: 120px 0;
}

.con3-lp2 {
    margin-top: 10px;
}

.con3-lp2 p {
    color: #666;
    font-family: "Roboto";
    font-size: var(--zj-ven2cona);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-ven2cona) * 1.28);
    max-width: 260px;
}

.oem4-h {
    margin-bottom: 60px !important;
}

.oem4-h p {
    text-align: center;
    color: #1F1F1F;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -3.24px;
}

.oem4-end {
    display: flex;
    align-items: center;
    background: #E34D2B;
}

.oem4-1 {
    width: 50%;
    flex: 0 0 auto;
}

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

.oem4-2 {
    width: 50%;
    flex: 0 0 auto;
}

.oem4-2lh {
    padding: 26px 75px;
    border-bottom: 1px solid rgba(237, 108, 78, 1);
}

.oem4-2lh:first-child {
    border-top: 1px solid rgba(237, 108, 78, 1);
}

.oem4-2lh p {
    color: #FFF;
    font-size: var(--zj-ft1-2uh);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -1.04px;
}

/*  */
.oem5 {
    padding: 160px 0;
}

.oem5-h {
    margin-bottom: 20px;
}

.oem5-h p {
    color: #1F1F1F;
    text-align: center;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -3.24px;
}

.oem5-p {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 40px;
}

.oem5-p p {
    color: #444;
    text-align: center;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
    max-width: 810px;
}

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

.oem5-a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 60px;
    background: #1F1F1F;
    padding: 15px 34px;
    transition: all 0.5s ease;
}

.oem5-a:hover {
    background: #F74C25;
}

.oem5-a p {
    color: #FFF;
    text-align: center;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    text-transform: capitalize;
}

.oem6 {
    background: #FFFAF4;
    padding: 116px 0;
}

.oem6 .dec2-l {
    margin-bottom: 120px;
}

.oem6 .dec2-l:last-child {
    margin-bottom: 0;
}

.oem6 .dec2-limg {
    width: 42.6%;
}

.oem6 .dec2-lte {
    width: calc(100% - 42.6% - 110px);
    flex: 0 0 auto;
}

.oem7-box {
    padding: 120px 0;
}

.oem7-h {
    margin-bottom: 20px;
    display: none;
}

.about .oem7-h {
    display: block;
}

.oem7-h p {
    color: #1F1F1F;
    text-align: center;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -3.24px;
    text-transform: capitalize;
}

.oem7-p {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 80px;

    display: none;
}

.about .oem7-p {
    display: flex;
}

.oem7-p p {
    color: #444;
    text-align: center;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
    max-width: 810px;
}

/*  */
.oem7-swimg {
    border: 1px solid #F2EDE8;
    background: rgba(255, 250, 244, 0.40);
    padding: 42px;
    position: relative;
    transition: all 0.5s ease;
}

.oem7-swbox:hover .oem7-swimg {
    border: 1px solid rgba(247, 76, 37, 0.20);
}

.oem7-swimg::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(247, 76, 37, 0.10) 0%, #F74C25 50%, rgba(247, 76, 37, 0.10) 100%);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 0.5s ease;
}

.oem7-swbox:hover .oem7-swimg::after {
    opacity: 1;
}

.oem7-swimg .img-box {
    padding-bottom: 142%;
}

.oem7-swimg .img-box img {
    transition: all 0.5s ease;
}

.oem7-swbox:hover .oem7-swimg .img-box img {
    transform: scale(1.08);
}

.oem7-swte {
    margin-top: 30px;
}

.oem7-swh p {
    text-align: center;
    color: #1F1F1F;
    font-size: var(--zj-ft1-1h);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-ft1-1h) * 1.1);
    letter-spacing: -0.8px;
}

.oem7-swp {
    margin-top: 8px;
}

.oem7-swp p {
    color: #666;
    text-align: center;
    font-family: "Roboto";
    font-size: var(--zj-ven2cona);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-ven2cona) * 1.28);
}

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

    .oem1-p {
        margin-bottom: 40px;
    }

    .oem2 {
        padding-top: 65px;
    }

    .oem2-h {
        margin-bottom: 30px;
    }

    .oem3 {
        padding: 70px 0;
    }

    .oem4-end {
        align-items: stretch;
    }

    .oem5 {
        padding: 70px 0;
    }

    .oem6 {
        padding: 70px 0;
    }

    .oem6 .dec2-l {
        margin-bottom: 70px;
    }

    .dec5-h {
        margin-bottom: 30px;
    }
}

@media (max-width: 992px) {

    .oem6 .dec2-lte {
        width: 100%;
    }

    .oem6 .dec2-limg {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .oem2-lte {
        width: 100%;
    }
}

@media (max-width: 499px) {
    .sub-fu {
        margin-bottom: 10px;
    }

    .oem1 {
        padding: 40px 0 36px;
    }

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

    .oem1-p {
        margin-bottom: 10px;
    }

    .oem1-swte {
        margin-top: 20px;
    }

    .oem3 {
        padding: 40px 0;
    }

    .oem4-h {
        margin-bottom: 30px !important;
    }

    .oem4-end {
        flex-direction: column-reverse;
    }

    .oem4-1 {
        width: 100%;
    }

    .oem4-2 {
        width: 100%;
    }

    .oem4-2lh {
        padding: 12px 18px;
    }

    .oem5 {
        padding: 40px 0;
    }

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

    .oem5-p {
        margin-bottom: 20px;
    }

    .oem6 {
        padding: 40px 0;
    }

    .oem6 .dec2-l {
        margin-bottom: 30px;
    }

    .dec5-h {
        margin-bottom: 20px;
    }
}

/* 山东永信进出口有限公司（Caps 盖子） */
.clo1 {
    background: #FFFAF4;
}

.clo1-l {
    border-left: 1px solid #EFE7DD;
    transition: all 0.5s ease;
    border-bottom: 2px solid #f74c2500;
}

.clo1-l:last-child {
    border-right: 1px solid #EFE7DD;
}

.clo1-l.on {
    border-bottom: 2px solid #F74C25;
}

.clo1-l:hover {
    border-bottom: 2px solid #F74C25;
}

.clo1-la {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 25px 22px;
}

.clo1-la p {
    color: #1F1F1F;
    font-size: var(--zj-oem3-1l1p);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -0.96px;
}

/*  */
.clo2 {
    padding-top: 120px;
}

.clo2-h {
    margin-bottom: 20px;
}

.clo2-h p {
    color: #1F1F1F;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -3.24px;
}

.clo2-p {
    margin-bottom: 60px;
}

.clo2-p p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
    max-width: 810px;
}

/*  */
.clo2 .con2-fou {
    margin: 0;
    border: 0.5px solid #EFE7DD;
}

.clo2 .con2-fol {
    padding: 0;
    margin: 0;
}

.clo2 .con2-fol>* {
    height: 100%;
    border: 0.5px solid #EFE7DD;
    background: transparent;
    align-items: center;
}

.clo2 .con2-folsp1>div>div {
    margin-left: 20px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.clo2 .con2-fobt {
    justify-content: flex-end;
    margin-top: 30px;
}

.clo2 .con2-fobt button {
    background: #F74C25;
}

.clo2 .con2-fobt button:hover {
    background: #f74c25cf;
}

/*  */
.clo3 {
    padding: 120px 0;
}

.clo3-h {
    margin-bottom: 20px;
}

.clo3-h p {
    color: #1F1F1F;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -3.24px;
}

.clo3-p {
    margin-bottom: 80px;
}

.clo3-p p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
    max-width: 810px;
}

/*  */
.clo3-u {
    margin-right: calc(-.5 * 1.88rem);
    margin-left: calc(-.5 * 1.88rem);
}

.clo3-l {
    padding-right: calc(1.88rem * .5);
    padding-left: calc(1.88rem * .5);
}

.clo3-lbox {
    position: relative;
}

.clo3-limg .img-box {
    padding-bottom: 68%;
}

.clo3-limg .img-box img {
    transition: all 0.5s ease;
}

.clo3-lbox:hover .clo3-limg .img-box img {
    transform: scale(1.08);
}

.clo3-lte {
    position: absolute;
    left: 50%;
    bottom: 42px;
    transform: translate(-50%, 50%);
    z-index: 12;
    width: calc(100% - 100px);
    transition: all 0.5s ease;
}

.clo3-lbox:hover .clo3-lte {
    bottom: 50%;
}

.clo3-lh p {
    color: #F74C25;
    font-size: var(--zj-proseh);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -1.28px;
    text-transform: uppercase;
}

.clo3-lp {
    margin-top: 14px;
}

.clo3-lp p {
    color: #FFF;
    font-family: "Roboto";
    font-size: calc(var(--zj-subnav) - 1px);
    font-style: normal;
    font-weight: normal;
    line-height: calc((var(--zj-subnav) - 1px) * 1.33);
    max-width: 673px;
}

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

.clo3-lbox:hover .clo3-lend {
    max-height: 300px;
    opacity: 1;
    overflow: visible;
}

.clo3-lu {
    margin-top: 30px;
}

.clo3-lu p {
    color: #FFF;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.75);
}

.clo4 {
    background: #FFFAF4;
    padding: 105px 0;
}

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

.clo4-1 {
    width: calc(100% - 49.4% - 110px);
    flex: 0 0 auto;
}

.clo4-2 {
    width: 49.4%;
    flex: 0 0 auto;
}

.clo4-2 .img-box {
    padding-bottom: 68%;
}

/*  */
.clo5-box {
    padding: 120px 0 144px;
}

.clo5-h {
    margin-bottom: 20px;
}

.clo5-h p {
    color: #1F1F1F;
    text-align: center;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -3.24px;
}

.clo5-p {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 80px;
}

.clo5-p p {
    color: #444;
    text-align: center;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
    max-width: 810px;
}

.clo5-u .oem2-lte {
    background: #FFFAF4;
}

.clo5-endh {
    margin-top: 60px;
}

.clo5-endh p {
    text-align: center;
    color: #F74C25;
    font-size: var(--zj-ft1-1h);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
}

.clo5-endu {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.clo5-endl {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
}

.clo5-endl:last-child {
    margin-right: 0;
}

.clo5-endl i {
    --w: 16px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    background: #F74C25;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    line-height: normal;
    margin-right: 12px;
}

.clo5-endl p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
}

.clo6 {
    background: #FFFAF4;
}

.clo6-box {
    padding: 132px 0 74px;
}

.clo6 .cap3-l {
    margin-bottom: 58px;
}

/*  */
.clo7 {
    margin-top: 120px;
}

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

.clo8 {
    padding-top: 140px;
}

.clo8-h {
    margin-bottom: 40px;
}

.clo8-h p {
    color: #1F1F1F;
    text-align: center;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -3.24px;
}

.clo8-ubox {
    margin-bottom: 84px;
}

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

.clo8-la {
    cursor: pointer;
    padding: 0 50px;
    position: relative;
}

.clo8-la::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 30px;
    background: #EFE7DD;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.clo8-l:last-child .clo8-la::after {
    display: none;
}

.clo8-la p span {
    color: #1F1F1F;
    font-size: var(--zj-con2la);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -0.88px;
    --size: 1px;
    --color: #F74C25;
    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);
}

.clo8-l.on .clo8-la p span {
    color: #F74C25;
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
}

.clo8-la:hover p span {
    color: #F74C25;
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
}

/*  */
.clo8-sw {
    display: none;
}

.clo8-sw.on {
    display: block;
}

.clo8-sw1 .swiper-button-prev,
.clo8-sw1 .swiper-button-next {
    --w: 44px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    border: 1px solid #1F1F1F;
    background: #FFF;
    opacity: 1 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    transition: all 0.5s ease;
    top: 36%;
}

.clo8-sw1 .swiper-button-prev {
    left: -70px;
}

.clo8-sw1 .swiper-button-next {
    right: -70px;
}

.clo8-sw1 .swiper-button-prev:hover,
.clo8-sw1 .swiper-button-next:hover {
    background: #F74C25;
    border: 1px solid #F74C25;
}

.clo8-sw1 .swiper-button-prev::after,
.clo8-sw1 .swiper-button-next::after {
    display: none;
}

.clo8-sw1 .swiper-button-prev i,
.clo8-sw1 .swiper-button-next i {
    color: #1F1F1F;
    font-size: 16px;
    line-height: normal;
    transition: all 0.5s ease;
}

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

/*  */
.clo8-sw {
    position: relative;
}

.clo8-sw1 {
    overflow: hidden;
}

.clo8-swimg {
    border: 1px solid #F5F1EB;
    background: #FFF;
}

.clo8-swimg .img-box img {
    transition: all 0.5s ease;
}

.clo8-swbox:hover .clo8-swimg .img-box img {
    transform: scale(1.08);
}

.clo8-swte {
    margin-top: 26px;
}

.clo8-swh {
    margin-bottom: 15px;
}

.clo8-swh p {
    color: #1F1F1F;
    font-size: var(--zj-oem3-1l1p);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -0.96px;
    text-transform: capitalize;
}

.clo8-swp p {
    color: #666;
    font-family: "Roboto";
    font-size: var(--zj-ven2cona);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.clo8-swp p:last-child {
    margin-bottom: 0;
}

.clo .cap6-h p {
    max-width: 100%;
}

@media (max-width: 1536px) {
    .clo1-la {
        padding: 15px 15px 12px;
    }

    .clo2 {
        padding-top: 70px;
    }

    .clo2-p {
        margin-bottom: 30px;
    }

    .clo3 {
        padding: 70px 0;
    }

    .clo3-p {
        margin-bottom: 40px;
    }

    .clo3-lte {
        width: calc(100% - 40px);
    }

    .clo4 {
        padding: 70px 0;
    }

    .clo5-box {
        padding: 70px 0;
    }

    .clo5-p {
        margin-bottom: 40px;
    }

    .clo5-endh {
        margin-top: 30px;
    }

    .oem2-lte {
        padding: 42px 24px 12px;
    }

    .oem2-lh {
        margin-bottom: 18px;
    }

    .oem2-ll {
        margin-bottom: 12px;
    }

    .clo6-box {
        padding: 70px 0 30px;
    }

    .clo7 {
        margin-top: 70px;
    }

    .clo8 {
        padding-top: 70px;
    }

    .clo8-ubox {
        margin-bottom: 44px;
    }

    .clo8-sw1 .swiper-button-prev {
        left: 0px;
    }

    .clo8-sw1 .swiper-button-next {
        right: 0px;
    }
}

@media (max-width: 992px) {
    .clo3-l {
        width: 100%;
        margin-bottom: 20px;
    }

    .clo3-l:last-child {
        margin-bottom: 0;
    }

    .clo4-box {
        flex-direction: column;
    }

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

    .clo4-2 {
        width: 100%;
    }

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

    .oem2-l:last-child {
        margin-bottom: 0;
    }

    .clo1-ubox,
    .clo8-ubox {
        overflow: scroll;
    }

    .clo1-ubox::-webkit-scrollbar,
    .clo8-ubox::-webkit-scrollbar {
        display: none;
    }

    .clo1-u {
        min-width: 992px;
    }

    .clo8-u {
        min-width: 992px;
        justify-content: flex-start;
    }

    .clo8-la {
        padding: 0 20px;
    }

    .clo7-box {
        flex-direction: column-reverse;
    }
}

@media (max-width: 768px) {
    .oem2-lbox {
        flex-direction: column-reverse;
    }

    .oem2-limg {
        width: 100%;
    }

    .clo5-u .oem2-lte {
        width: 100%;
    }

    .oem2-lte {
        padding: 22px 12px;
    }
}

@media (max-width: 499px) {
    .clo1-u {
        min-width: 692px;
    }

    .clo2 {
        padding-top: 40px;
    }

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

    .clo2-p {
        margin-bottom: 20px;
    }

    .clo2 .con2-fol>* {
        align-items: flex-start;
    }

    .clo3 {
        padding: 40px 0;
    }

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

    .clo3-p {
        margin-bottom: 20px;
    }

    .clo4 {
        padding: 40px 0;
    }

    .clo5-box {
        padding: 40px 0;
    }

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

    .clo5-p {
        margin-bottom: 20px;
    }

    .clo5-endu {
        align-items: flex-start;
        flex-direction: column;
    }

    .clo5-endl {
        margin-bottom: 4px;
    }

    .clo6-box {
        padding: 40px 0 10px;
    }

    .cap3-h {
        margin-bottom: 15px;
    }

    .clo6 .cap3-l {
        margin-bottom: 28px;
    }

    .clo7 {
        margin-top: 40px;
    }

    .qua3-l1u {
        margin-top: 30px;
    }

    .clo8 {
        padding-top: 40px;
    }

    .clo8-h {
        margin-bottom: 20px;
    }

    .clo8-ubox {
        margin-bottom: 22px;
    }
}

/* 山东永信进出口有限公司（搜索盖子） */
.closea {
    background: #FFFAF4;
    padding: 120px 0;
}

.closea-u {
    margin-right: calc(-.5 * 1.88rem);
    margin-left: calc(-.5 * 1.88rem);
    margin-bottom: 20px;
}

.closea-l {
    padding-right: calc(1.88rem * .5);
    padding-left: calc(1.88rem * .5);
    margin-bottom: 60px;
}

/* 山东永信进出口有限公司（新闻） */
.sub-news {}

.sub-neh h2 {
    color: #FFF;
    text-align: center;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -3.24px;
    text-transform: capitalize;
}

.sub-nep {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.sub-nep p {
    color: #FFF;
    text-align: center;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
    max-width: 810px;
}

.sub-neline {
    width: 1000px;
    height: 1px;
    max-width: 100%;
    background: rgba(255, 255, 255, 0.30);
    margin: 60px auto 30px;
}

.sub-nep2 p {
    color: #F74C25;
    text-align: center;
    font-size: var(--zj-ven2-la);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
}

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

    .closea-u {
        margin-right: calc(-.5 * 0.88rem);
        margin-left: calc(-.5 * 0.88rem);
    }

    .closea-l {
        padding-right: calc(0.88rem * .5);
        padding-left: calc(0.88rem * .5);
        margin-bottom: 30px;
    }
}

@media (max-width: 992px) {
    .closea-l {
        width: 33.33%;
    }
}

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

@media (max-width: 499px) {
    .closea-l {
        width: 100%;
    }

    .closea {
        padding: 40px 0;
    }

    .clo8-swte {
        margin-top: 13px;
    }

    .clo8-swh {
        margin-bottom: 6px;
    }

    .closea-u {
        margin-bottom: 10px;
    }
}

/*  */
.news {
    background: #FFFAF4;
    padding: 132px 0 120px;
}

.ne-h {
    margin-bottom: 20px;
}

.ne-h p {
    color: #1F1F1F;
    text-align: center;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -3.24px;
    text-transform: capitalize;
}

.ne-p {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 80px;
}

.ne-p p {
    color: #444;
    text-align: center;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
    max-width: 810px;
}

/*  */
.ne-u {
    margin-right: calc(-.5 * 4.5rem);
    margin-left: calc(-.5 * 4.5rem);
    margin-bottom: 20px;
}

.ne-l {
    padding-right: calc(4.5rem * .5);
    padding-left: calc(4.5rem * .5);
    margin-bottom: 60px;
}

.ne-la {
    display: block;
}

.ne-limg .img-box {
    padding-bottom: 60%;
}

.ne-limg .img-box img {
    transition: all 0.5s ease;
}

.ne-la:hover .ne-limg .img-box img {
    transform: scale(1.08);
}

.ne-lte {
    margin-top: 20px;
}

.ne-ltop {
    display: flex;
    align-items: center;
}

.ne-lnum p {
    color: #F74C25;
    font-family: "Basic";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: bold;
    line-height: 120%;
    text-transform: capitalize;
}

.ne-lscr {
    margin: 0 10px;
    --w: 4px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    background: #666;
}

.ne-lh {
    margin-top: 24px;
}

.ne-lh p {
    max-width: 430px;
    transition: all 0.5s ease;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ne-lh p span {
    color: #1F1F1F;
    font-size: var(--zj-con2la);
    font-family: "Basic";
    font-style: normal;
    font-weight: bold;
    line-height: calc(var(--zj-con2la) * 1.18);
    letter-spacing: -0.88px;
    transition: all 0.5s ease;
    --size: 1px;
    --color: #F74C25;
    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);
}

.ne-la:hover .ne-lh p span {
    color: #F74C25;
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
}

@media (max-width: 1536px) {
    .news {
        padding: 72px 0 60px;
    }

    .ne-p {
        margin-bottom: 40px;
    }

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

    .ne-l {
        padding-right: calc(2.5rem * .5);
        padding-left: calc(2.5rem * .5);
        margin-bottom: 30px;
    }
}

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

@media (max-width: 642px) {
    .ne-l {
        width: 100%;
    }
}

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

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

    .ne-p {
        margin-bottom: 20px;
    }

    .ne-lh {
        margin-top: 12px;
    }

    .ne-u {
        margin-bottom: 0;
    }
}

/* 山东永信进出口有限公司（产品） */
.sub-pro .sub-fly {
    bottom: 32%;
}

.sub-proh h2 {
    color: #F74C25;
    text-align: center;
    font-size: var(--zj-pro2-1h);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -1.2px;
    text-transform: uppercase;
}

/*  */
.sub-profor {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.sub-sehfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 914px;
    max-width: 100%;
    padding: 15px 23px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.20);
}

.sub-sehfo input {
    color: #E1E0DF;
    font-family: "Roboto";
    font-size: calc(var(--zj-subnav) - 1px);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    width: 86%;
    background: transparent;
    transition: all 0.3s ease;
    border: none;
}

.sub-sehfo input::-webkit-input-placeholder {
    color: #E1E0DF;
}

.sub-sehfo input:-moz-placeholder {
    color: #E1E0DF;
}

.sub-sehfo input::-moz-placeholder {
    color: #E1E0DF;
}

.sub-sehfo input:-ms-input-placeholder {
    color: #E1E0DF;
}

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

.sub-sehfo>span i {
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    transition: all 0.5s ease;
    display: block;
}

.sub-sehfo>span button:hover i {
    color: #F74C25;
    animation: vensesv 1s ease-in-out;
    animation-iteration-count: 1;
}

/*  */
/* 搜索无结果 */
.nores-h {
    margin-top: 20px;
    margin-bottom: 10px;
}

.nores-h p {
    color: #444;
    font-size: var(--zj-subnav);
    font-style: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
}

.nores-p {
    border: 1px solid #F74C25;
    border-radius: 8px;
    padding: 4px 12px;
    margin-bottom: 20px;
}

.nores-p p {
    color: #444;
    font-size: var(--zj-subnav);
    font-style: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
}

.nores-p2 {
    margin-bottom: 30px;
}

.nores-p2 p {
    color: #F74C25;
    font-weight: 600;
    font-size: var(--zj-prode1-2h);
    font-style: normal;
    line-height: 100%;
}

/*  */
.product {
    background: #FFFAF4;
    padding: 100px 0 120px;
}

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

.prod-tform .con2-fol {
    flex: 1;
    margin-bottom: 0;
    padding: 0;
    margin-right: 20px;
}

.prod-tform .con2-folsp2>select {
    padding: 16px 0;
    border: none;
    border-bottom: 1px solid #E1DDD9;
}

.prod-tform .con2-folsp2::after {
    right: 0;
}

.prod-tform button {
    background: #1F1F1F;
    border-radius: 0;
    padding: 15px 30px;
    transition: all 0.5s ease;
}

.prod-tform button:hover {
    background: #F74C25;
}

.prod-tform button span {
    color: #FFF;
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    text-transform: capitalize;
}

.prod-tform button i {
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
    line-height: normal;
    margin-left: 10px;
}

/*  */
/*  */
.pro-end {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 80px;
}

.pro1 {
    width: 20%;
    flex: 0 0 auto;
    position: sticky;
    top: 140px;
}

.pro1-l {
    transition: all 0.5s ease;
    margin-bottom: 10px;
}

.pro1-l:last-child {
    margin-bottom: 0;
}

.pro1-l1a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    transition: all 0.5s ease;
    overflow: hidden;
    padding: 11.5px 15px;
    background: #FFF;
}

.pro1-l1a:hover {
    background: #F74C25;
}

.pro1-l.on .pro1-l1a {
    background: #F74C25;
}

.pro1-l1a>a {
    position: relative;
    z-index: 12;
    display: block;
    flex: 1;
    padding-top: 5px;
}

.pro1-l1a span {
    color: #1F1F1F;
    font-size: var(--zj-ven2-la);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -0.72px;
    transition: all 0.5s ease;
}

.pro1-l1a:hover span {
    color: #FFF;
}

.pro1-l.on .pro1-l1a span {
    color: #FFF;
}

.pro1-l1ico {
    --w: 20px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    position: relative;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease;
    flex: 0 0 auto;
    margin-left: 10px;
    cursor: pointer;
}

.pro1-l1ico i {
    font-size: 18px;
    line-height: normal;
    color: #1F1F1F;
    transition: all 0.5s ease;
    transform: rotate(0deg);
    display: block;
}

.pro1-l1ico i:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.pro1-l1a:hover .pro1-l1ico i {
    color: #FFF;
}

.pro1-l.on .pro1-l1ico i {
    opacity: 0;
    color: #FFF;
}

.pro1-l.on .pro1-l1ico i:nth-child(2) {
    opacity: 1;
}

/*  */
.pro1-l2 {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.5s ease;
}

.pro1-l.on .pro1-l2 {
    max-height: 500px;
    opacity: 1;
}

.pro1-l2a {
    display: flex;
    align-items: center;
    position: relative;
    transition: all 0.5s ease;
    padding: 16px 15px;
    border-bottom: 1px solid #EFE7DD;
}

.pro1-l2a:last-child {
    border-bottom: none;
}

.pro1-l2a:hover {
    padding-left: 30px;
}

.pro1-l2a.on {
    padding-left: 30px;
}

.pro1-l2a::before {
    content: "";
    font-size: 10px;
    --w: 5px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    background: #BA021A;
    overflow: hidden;
    transition: all 0.5s ease;
    position: absolute;
    left: 15px;
    top: 22px;
    opacity: 0;
}

.pro1-l2a:hover::before {
    opacity: 1;
}

.pro1-l2a.on::before {
    opacity: 1;
}

.pro1-l2a span {
    color: #666;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    text-transform: capitalize;
    --size: 0px;
    --color: #F74C25;
    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);
}

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

.pro1-l2a.on span {
    color: #F74C25;
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
}

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

.pro2-h {
    margin-bottom: 16px;
}

.pro2-h p {
    color: #1F1F1F;
    font-size: var(--zj-prode1-2h);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -2.4px;
    text-transform: capitalize;
}

.pro2-p {
    margin-bottom: 70px;
}

.pro2-p p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
    max-width: 990px;
}

/*  */
.pro2-u {
    margin-right: calc(-.5 * 1.88rem);
    margin-left: calc(-.5 * 1.88rem);
}

.pro2-l {
    padding-right: calc(1.88rem * .5);
    padding-left: calc(1.88rem * .5);
    margin-bottom: 60px;
}

.pro2-limg {
    position: relative;
}

.pro2-limg .img-box {
    background: #FFF;
}

.pro2-limg .img-box img {
    transition: all 0.5s ease;
}

.pro2-lbox:hover .pro2-limg .img-box img {
    transform: scale(1.08);
}

.pro2-lu {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 12;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    display: none;
}

.pro2-ll {
    border-radius: 20px;
    border: 0.6px solid #EFE7DD;
    background: #FFFAF4;
    padding: 6px 9px;
    margin-right: 4px;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
}

.pro2-ll::before {
    content: "";
    display: block;
    --w: 6px;
    width: var(--w);
    height: var(--w);
    border-radius: 6px;
    background: #F74C25;
    margin-right: 6px;
}

.pro2-ll p {
    color: #666;
    font-family: "Roboto";
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;
    width: max-content;
}

.pro2-lte {
    margin-top: 26px;
}

.pro2-lh {
    display: flex;
    margin-bottom: 15px;
}

.pro2-lh p {
    color: #1F1F1F;
    font-size: var(--zj-oem3-1l1p);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -0.96px;
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.5s ease;
}

.pro2-lbox:hover .pro2-lh p {
    color: #F74C25;
}

.pro2-lp {
    margin-bottom: 30px;
}

.pro2-lp p {
    color: #666;
    font-family: "Roboto";
    font-size: var(--zj-ven2cona);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.pro2-lp p:last-child {
    margin-bottom: 0;
}

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

.pro2-lbtn>*:nth-child(2) {
    display: none;
}

.pro2-la {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    border: 1px solid #EFE7DD;
    background: #FFFAF4;
    padding: 13px 6px 9px;
    margin-right: 5px;
    transition: all 0.5s ease;
}

.pro2-la:last-child {
    margin-right: 0;
}

.pro2-la:hover {
    background: #F74C25;
}

.pro2-la p {
    color: #000;
    font-family: "Roboto";
    font-size: var(--zj-ven2cona);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    text-transform: capitalize;
    transition: all 0.5s ease;
}

.pro2-la:hover p {
    color: #FFF;
}

@media (max-width: 1536px) {
    .sub-pro .sub-fly {
        bottom: 30%;
    }

    .sub-profor {
        margin-top: 20px;
    }

    .sub-sehfo {
        padding: 8px 12px;
    }

    .product {
        padding: 60px 0 70px;
    }

    .pro-end {
        margin-top: 40px;
    }

    .pro2-p {
        margin-bottom: 30px;
    }

    .pro2 {
        width: calc(100% - 20% - 40px);
    }

    .pro2-u {
        margin-right: calc(-.5 * 0.88rem);
        margin-left: calc(-.5 * 0.88rem);
    }

    .pro2-l {
        padding-right: calc(0.88rem * .5);
        padding-left: calc(0.88rem * .5);
        margin-bottom: 30px;
    }

    .pro2-la {
        padding: 9px 2px 7px;
    }

    .pro2-la p {
        text-align: center;
        font-size: 12px;
    }

    .pro2-lbtn {
        align-items: stretch;
    }
}

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

    .pro2 {
        width: 100%;
    }
}

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

    .sub-pro .sub-fly {
        align-items: center;
    }

    .sub-profor {
        width: 100%;
    }

    .sub-pro .sub-fly1 {
        width: 100%;
    }

    .prod-tform {
        flex-direction: column;
        align-items: flex-end;
    }

    .prod-tform button {
        margin-top: 20px;
    }

    .prod-tform .con2-fol {
        margin-right: 0;
    }

    .pro2-l {
        width: 50%;
    }
}

@media (max-width: 499px) {
    .pro2-l {
        width: 100%;
    }

    .product {
        padding: 40px 0;
    }
}

/*  */
.ab1 {
    padding: 120px 0;
}

.ab1-h {
    margin-bottom: 30px;
}

.ab1-h p {
    color: #1F1F1F;
    text-align: center;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -3.24px;
}

.ab1-p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    margin-top: 30px;
}

.ab1-p p {
    color: #444;
    text-align: center;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
    max-width: 810px;
}

.ab1-smp {
    margin-top: 80px;
}

.ab1-smp p {
    color: #F74C25;
    text-align: center;
    font-size: var(--zj-con2la);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -0.88px;
    text-transform: uppercase;
}

.ab1-u {
    justify-content: center;
    margin-top: 40px;
    margin-right: calc(-.5 * 1.88rem);
    margin-left: calc(-.5 * 1.88rem);
}

.ab1-l {
    padding-right: calc(1.88rem * .5);
    padding-left: calc(1.88rem * .5);
    max-width: 600px;
}

.ab1-lbox {
    min-height: 400px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;

    /* background: #000;
    background-image: url(assets/images/ab1-45bg.jpg) !important; */
}

.ab1-lh p {
    color: #F74C25;
    text-align: center;
    font-size: var(--zj-ser-fth);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -1.44px;
    text-transform: uppercase;
}

.ab1-lp {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.ab1-lp p {
    color: #FFF;
    text-align: center;
    font-size: var(--zj-ven2-la);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -0.72px;
    min-height: calc(var(--zj-ven2-la) * 2 * 1.2);
    max-width: 398px;
}

.ab1-line {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
}

.ab1-line img {
    max-width: 13px;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.ab2 {
    background: linear-gradient(180deg, #FFFAF4 38.39%, #FFF 99.43%);
    padding-top: 96px;
}

.ab2-i {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}

.ab2-i img {
    max-width: 50px;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.ab2-h {
    margin-bottom: 14px;
}

.ab2-h p {
    color: #1F1F1F;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    text-align: center;
    line-height: 120%;
    letter-spacing: -3.24px;
    text-transform: capitalize;
}

.ab2-p {
    margin-bottom: 100px;
}

.ab2-p p {
    color: #444;
    text-align: center;
    font-size: var(--zj-ven2-la);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -0.72px;
}

/*  */
.ab2-end {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ab2-1 {
    width: 39.4%;
    flex: 0 0 auto;
}

/* ab2 video */
.ab2-1img {
    position: relative;
    display: block;
}

.ab2-1img .img-box {
    padding-bottom: 124%;
}

.ab2-1img .img-box img {
    transition: all 0.5s ease;
}

.ab2-1img:hover .img-box img {
    transform: scale(1.08);
}

.ab2-1i {
    --w: 90px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    background: #F74C25;
    position: absolute;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.ab2-1i i {
    --w: 63px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    background: #FFF;
    font-size: 26px;
    color: #F74C25;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 12;
    transition: all 0.5s ease;
}

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

.ab2-1i>span {
    background-color: rgba(255, 255, 255, 0.4);
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    opacity: 0;
    -webkit-opacity: 0;
    z-index: -1;
    top: 0;
    left: 0;
    animation: scalej2 2s infinite;
    -webkit-animation: scalej2 2s infinite;
    display: none;
}

.ab2-1i>span:nth-of-type(2) {
    background-color: rgba(255, 255, 255, 0.6);
    animation: scalej3 2s infinite;
    -webkit-animation: scalej3 2s infinite;
}

/* ab2-2 */
.ab2-2 {
    width: calc(100% - 39.4% - 194px);
    flex: 0 0 auto;
}

.ab2-2h {
    margin-bottom: 26px;
}

.ab2-2h p {
    color: #1F1F1F;
    font-size: var(--zj-proseh);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -1.92px;
    text-transform: capitalize;
}

.ab2-2p p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.87);
    max-width: 720px;
    margin-bottom: 30px;
}

.ab2-2p p:last-child {
    margin-bottom: 0;
}

.ab2-2img {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 22%;

    display: none;
}

.ab2-2img img {
    width: 250px;
    height: auto;
    object-fit: cover;
    object-position: center;
}

/*  */
.ab3 {
    padding-top: 160px;
}

.ab3-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
}

.ab3-1 {
    flex: 1;
}

.ab3-h p {
    color: #1F1F1F;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -3.24px;
    text-transform: capitalize;
}

.ab3-h p span {
    color: #F74C25;
}

.ab3-2 {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}

.ab3-2>div {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 1 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    --w: 50px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    background: #FFFAF4;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease;
    margin-left: 6px;
}

.ab3-2>div:first-child {
    margin-left: 0;
}

.ab3-2>div:hover {
    background: #F74C25;
}

.ab3-2>div::after {
    content: "";
}

.ab3-2>div i {
    font-size: 18px;
    color: rgba(247, 76, 37, 1);
    line-height: normal;
    transition: all 0.5s ease;
}

.ab3-2>div:hover i {
    color: #FFF;
}


/*  */
.ab3-swimg .img-box {
    padding-bottom: 129%;
}

.ab3-swimg .img-box img {
    transition: all 0.5s ease;
}

.ab3-swbox:hover .ab3-swimg .img-box img {
    transform: scale(1.08);
}

.ab3-swh {
    margin-top: 30px;
}

.ab3-swh p {
    color: #1F1F1F;
    font-size: var(--zj-ft1-1h);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -0.8px;
}

.ab3-swp {
    margin-top: 10px;

    display: none;
}

.ab3-swp p {
    color: #666;
    font-family: "Roboto";
    font-size: var(--zj-ven2cona);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-ven2cona) * 1.28);
    max-width: 260px;
}

/*  */
.ab4 {
    padding: 140px 0 120px;
}

.ab4-h {
    margin-bottom: 100px;
}

.ab4-h p {
    color: #1F1F1F;
    text-align: center;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -3.24px;
    text-transform: capitalize;
}

.ab4-h p span {
    color: #F74C25;
}

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

.ab4-1 {
    width: 39.4%;
    flex: 0 0 auto;
    position: relative;
}

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

.ab4-1fly {
    position: absolute;
    max-width: 250px;
    right: -132px;
    bottom: 72px;
}

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

.ab4-2 {
    width: calc(100% - 39.4% - 284px);
    flex: 0 0 auto;
}

.ab4-2l {
    display: flex;
    align-items: center;
    margin-bottom: 72px;
}

.ab4-2l:last-child {
    margin-bottom: 0;
}

.ab4-2lnum {
    --w: 44px;
    width: var(--w);
    height: var(--w);
    border: 1px solid #EFEAE6;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 40px;
    border-radius: 50%;
    flex: 0 0 auto;
    position: relative;
    transition: all 0.5s ease;
}

.ab4-2l:hover .ab4-2lnum {
    border: 1px solid #F74C25;
    background: #F74C25;
}

.ab4-2lnum::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 40px;
    border-left: 1px dashed #D0CBC6;
    left: 50%;
    top: 150%;
    transform: translateX(-50%);
    transition: all 0.5s ease;
}

.ab4-2l:last-child .ab4-2lnum::after {
    display: none;
}

.ab4-2l:hover .ab4-2lnum::after {
    border-left: 1px dashed #F74C25;
}

.ab4-2lnum p {
    color: #C2BBB3;
    font-size: var(--zj-ven2-la);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;
    transition: all 0.5s ease;
}

.ab4-2l:hover .ab4-2lnum p {
    color: #FFF;
}

.ab4-2lh {
    margin-bottom: 12px;
}

.ab4-2lh p {
    color: #1F1F1F;
    font-size: var(--zj-con2la);
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.88px;
    transition: all 0.5s ease;
}

.ab4-2l:hover .ab4-2lh p {
    color: #F74C25;
}

.ab4-2lp p {
    color: #666;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;
}

/* ab5 */
.ab5 {
    padding: 120px 0;
    background: #FFFAF4;
}

.ab5-h {
    margin-bottom: 30px;
}

.ab5-h p {
    color: #1F1F1F;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -3.24px;
    text-transform: capitalize;
}

.ab5-h p span {
    color: #F74C25;
}

.ab5-p {
    margin-bottom: 100px;
}

.ab5-p p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
    max-width: 900px;
}

.ab5-swimg .img-box {
    padding-bottom: 66%;
}

.ab5-swimg .img-box img {
    transition: all 0.5s ease;
}

.ab5-swbox:hover .ab5-swimg .img-box img {
    transform: scale(1.08);
}

.ab5-swh {
    margin-top: 24px;
}

.ab5-swh p {
    text-align: center;
    color: #1F1F1F;
    font-size: var(--zj-ft1-1h);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -0.8px;
}

.ab5-sw {
    position: relative;
}

#ab5-sw {
    overflow: hidden;
}

/*  */
.ab6 {
    margin-bottom: 120px;
}

.ab6-h {
    margin-bottom: 80px;
}

.ab6-h p {
    color: #1F1F1F;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -3.24px;
    text-transform: capitalize;
}

.ab6-u {
    margin: 0;
    border: 0.5px solid #F6ECE0;
}

.ab6-l {
    padding: 0;
    width: 20%;
}

.ab6-lbox {
    border: 0.5px solid #F6ECE0;
    background: #FFF;
    padding: 40px;
    transition: all 0.5s ease;
    height: 100%;
}

.ab6-lbox:hover {
    background: #F74C25;
}

.ab6-li {
    border: 1px solid #F74C25;
    background: #FFF;
    --w: 56px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 104px;
    transition: all 0.5s ease;
}

.ab6-lbox:hover .ab6-li {
    background: #FFFAF4;
    border: 1px solid #FFFAF4;
}

.ab6-li i {
    color: #F74C25;
    font-size: 22px;
    line-height: none;
    line-height: normal;
    transition: all 0.5s ease;
}

.ab6-lbox:hover .ab6-li i {
    color: #1F1F1F;
    animation: vensesv 1s ease-in-out;
    animation-iteration-count: 1;
}

.ab6-lh p {
    color: #000;
    font-size: var(--zj-ft1-1h);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-ft1-1h) * 1.2);
    letter-spacing: -0.8px;
    transition: all 0.5s ease;
}

.ab6-lbox:hover .ab6-lh p {
    color: #FFF;
}

@media (max-width: 1536px) {
    .sub-neline {
        width: 100%;
    }

    .ab1 {
        padding: 70px 0;
    }

    .ab1-h {
        margin-bottom: 15px;
    }

    .ab1-smp {
        margin-top: 40px;
    }

    .ab1-lbox {
        min-height: 350px;
    }

    .ab2 {
        padding-top: 36px;
    }

    .ab2-i {
        margin-bottom: 20px;
    }

    .ab2-p {
        margin-bottom: 50px;
    }

    .ab2-2 {
        width: calc(100% - 39.4% - 94px);
    }

    .ab2-2img {
        margin-top: 12%;
    }

    .ab2-2p p {
        margin-bottom: 20px;
    }

    .ab3 {
        padding-top: 60px;
    }

    .ab3-top {
        margin-bottom: 30px;
    }

    .ab4 {
        padding: 70px 0 60px;
    }

    .ab4-h {
        margin-bottom: 50px;
    }

    .ab4-2 {
        width: calc(100% - 39.4% - 184px);
    }

    .ab4-2lnum {
        margin-right: 20px;
    }

    .ab5 {
        padding: 70px 0;
    }

    .ab5-p {
        margin-bottom: 50px;
    }

    .oem7-box {
        padding: 70px 0;
    }

    .oem7-p {
        margin-bottom: 40px;
    }

    .oem7-swimg {
        padding: 22px;
    }

    .ab6-h {
        margin-bottom: 40px;
    }

    .ab6-lbox {
        padding: 20px;
    }

    .ab6-li {
        margin-bottom: 54px;
    }

    .ab6 {
        margin-bottom: 70px;
    }

    .cap6 {
        padding: 72px 0;
        background: #FFFAF4;
    }

    .cap6-p {
        margin-bottom: 30px;
    }
}

@media (max-width: 992px) {
    .sub-neline {
        margin: 20px auto 20px;
    }

    .sub-nep {
        margin-top: 10px;
    }

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

    .ab1-l:last-child {
        margin-bottom: 0;
    }

    .ab2-end {
        flex-direction: column-reverse;
    }

    .ab2-1 {
        width: 100%;
    }

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

    .ab3-2 {
        display: none;
    }

    .ab4-end {
        flex-direction: column-reverse;
    }

    .ab4-1 {
        width: 100%;
        margin-top: 30px;
    }

    .ab4-2 {
        width: 100%;
    }

    .ab4-1fly {
        right: 32px;
        bottom: 32px;
    }

    .ab6-l {
        width: 33.333%;
    }
}

@media (max-width: 768px) {
    .ab6-l {
        width: 100%;
    }

    .cap6-abox {
        flex-direction: column;
    }

    .cap6-a {
        margin-bottom: 8px;
    }

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

}

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

    .ab1-h {
        margin-bottom: 5px;
    }

    .ab1-p {
        margin-top: 10px;
    }

    .ab1-smp {
        margin-top: 20px;
    }

    .ab1-u {
        margin-top: 20px;
    }

    .ab1-lp {
        margin-top: 10px;
    }

    .ab1-lbox {
        min-height: 250px;
    }

    .ab1-line {
        margin-top: 20px;
    }

    .ab2-i img {
        max-width: 36px;
    }

    .ab2-p {
        margin-bottom: 30px;
    }

    .ab2-2h {
        margin-bottom: 13px;
    }

    .ab2-2p p {
        margin-bottom: 10px;
    }

    .ab2-2img {
        margin-top: 6%;
    }

    .ab3 {
        padding-top: 40px;
    }

    .ab4 {
        padding: 40px 0;
    }

    .ab4-h {
        margin-bottom: 20px;
    }

    .ab4-1fly {
        max-width: 150px;
        right: 16px;
        bottom: 16px;
    }

    .ab5 {
        padding: 40px 0;
    }

    .ab5-h {
        margin-bottom: 20px;
    }

    .ab5-p {
        margin-bottom: 20px;
    }

    .oem7-box {
        padding: 40px 0;
    }

    .oem7-p {
        margin-bottom: 20px;
    }

    .ab6-h {
        margin-bottom: 20px;
    }

    .ab6-li {
        margin-bottom: 34px;
        --w: 36px;
    }

    .ab6 {
        margin-bottom: 40px;
    }

    .cap6 {
        padding: 40px 0;
        background: #FFFAF4;
    }

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

    .cap6-a {
        padding: 10px;
    }
}

/* -------------------------------------------- */

/* index */
/* 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 {
    overflow: hidden;
}

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

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

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

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

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

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

.banner-video-box {
    position: relative;
    display: block;
    padding-bottom: 48.2%;
    -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: '\e611';
    -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;
}

@media (max-width: 1536px) {}

@media (max-width: 1199.2px) {}

@media (max-width: 991px) {
    .banner .item a {
        padding-bottom: 50%;
    }

    .banner-video-box {
        padding-bottom: 50%;
    }

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

@media (max-width: 499px) {
    .banner .item a {
        padding-bottom: 54%;
    }

    .banner-video-box {
        padding-bottom: 54%;
    }
}


@media (max-width: 499px) {}

/* banner按键改版 */
.banner-chan {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 42px;
    z-index: 12;
}

.banner-chan .swiper-pagination {
    position: relative;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    width: auto;
    display: flex;
    align-items: center;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.30); */
    transition: all 0.5s ease;
}

.banner-chan .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    width: auto;
    height: auto;
    border-radius: 0;
    background: transparent;
    display: block;
    color: rgba(255, 255, 255, 0.30);
    font-family: 'Archivo';
    font-size: calc(var(--zj-ven2cona) + 1px);
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: capitalize;
    margin: 0 12px;
    transition: all 0.5s ease;
    cursor: pointer;
    position: relative;
    /* border-bottom: 1px solid #ffffff00; */
}

.banner-chan .swiper-pagination .swiper-pagination-bullet-active {
    /* color: rgba(255, 255, 255, 1); */
    /* border-bottom: 1px solid #FFF; */
}

.banner-chan .swiper-pagination .swiper-pagination-bullet::after {
    position: absolute;
    content: "";
    width: 2px;
    height: 2px;
    background: #FFF;
    left: 0;
    bottom: -1px;
    display: none;
}

.banner-chan .swiper-pagination .swiper-pagination-bullet:last-child:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 2px;
    background: #FFF;
    right: 0;
    bottom: -1px;
    display: none;
}


@media (max-width: 1536px) {
    .banner-chan {
        bottom: 30px;
    }

    .banner-chan .swiper-pagination .swiper-pagination-bullet {
        /* margin: 0 9px; */
        /* width: 70px; */
        /* padding-bottom: 5px; */
    }
}

@media (max-width: 499px) {
    .banner-chan {
        bottom: 12px;
    }

    .banner-chan .swiper-pagination .swiper-pagination-bullet {
        font-size: 14px;
    }

    .banner-chan {
        bottom: 17px !important;
    }
}

/* 按钮 */
.banner-chan .swiper-pagination {
    /* border-radius: 50px; */
    /* overflow: hidden; */
}

.banner-chan .swiper-pagination .swiper-pagination-bullet span {
    --w: 8px !important;
    width: var(--w);
    height: var(--w);
    border-radius: 50px;
    /* border: 1px solid #D9D9D9; */
    background: rgba(255, 255, 255, 0.20);
    display: block;
    /* margin: 0 8px; */
    position: relative;
    transition: all 0.5s ease;
}

.banner-chan .swiper-pagination .swiper-pagination-bullet-active span {
    background: #F74C25;
}

.banner-chan .swiper-pagination .swiper-pagination-bullet span::after {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    --w: 16px;
    width: var(--w);
    height: var(--w);
    border-radius: 50px;
    border: 4px solid rgb(255, 255, 255);
    opacity: 0;
    transition: all 0.5s ease;
}

.banner-chan .swiper-pagination .swiper-pagination-bullet-active span::after {
    animation: indban 500ms ease-in-out;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes indban {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* banner-swiper-scrollbar */
.banner-swiper-scrollbar {
    position: absolute;
    width: 120px;
    height: 6px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 60px;
    z-index: 12;
    background: rgba(249, 249, 248, 1);
    border-radius: 50px;
}

.banner-swiper-scrollbar .swiper-scrollbar-drag {
    background: rgba(34, 34, 34, 1);
}

.banner-chan {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.banner-chan .slick-arrow i {
    font-size: 14px;
    color: #FFF;
    font-weight: 600;
    transition: all 0.5s ease;
}

.banner-chan .slick-arrow:hover i {
    color: #BA021A;
}

/* banner-end */

.index .cap1 {
    padding: 60px 0;
}

.so1 {
    padding: 120px 0 80px;
}

.so1-h {
    margin-bottom: 14px;
}

.so1-h p {
    color: #1F1F1F;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -3.24px;
    text-transform: capitalize;
}

.so1-p {
    margin-bottom: 80px;
}

.so1-p p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
    max-width: 810px;
}

.so1-u {
    margin-right: calc(-.5 * 1.88rem);
    margin-left: calc(-.5 * 1.88rem);
}

.so1-l {
    padding-right: calc(1.88rem * .5);
    padding-left: calc(1.88rem * .5);
    margin-bottom: 40px;
}

.so1-limg {
    position: relative;
}

.so1-limg .img-box {
    padding-bottom: 62%;
}

.so1-limg .img-box img {
    transition: all 0.5s ease;
}

.so1-lbox:hover .so1-limg .img-box img {
    transform: scale(1.08);
}

.so1-li {
    position: absolute;
    width: 101%;
    height: 101%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 62.71%, #FFF 100%);
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.5s ease;
}

.so1-lbox:hover .so1-li {
    opacity: 1;
}

.so1-li i {
    fill: rgba(255, 250, 244, 0.10);
    stroke-width: 1.5px;
    stroke: rgba(255, 250, 244, 0.00);
    filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.20));
    background: rgba(255, 250, 244, 0.1);
    backdrop-filter: blur(5px);
    --w: 60px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    font-size: 20px;
    line-height: normal;
    color: rgba(247, 76, 37, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 14;
}

.so1-lh {
    margin-top: 30px;
}

.so1-lh p {
    color: #1F1F1F;
    font-size: var(--zj-con2la);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -0.88px;
    transition: all 0.5s ease;
}

.so1-lbox:hover .so1-lh p {
    color: #F74C25;
}

.so1-lp {
    margin-top: 10px;

    display: none;
}

.so1-lp p {
    color: #666;
    font-family: "Roboto";
    font-size: var(--zj-ven2cona);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-ven2cona) * 1.28);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}

.so1-lboxsp {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.so1-lsph {
    margin-bottom: 30px;
}

.so1-lsph p {
    color: #F74C25;
    text-align: center;
    font-size: var(--zj-ven2-la);
    font-style: normal;
    font-weight: 500;
    line-height: calc(var(--zj-ven2-la) * 1.33);
    letter-spacing: -0.54px;
    text-transform: capitalize;
    max-width: 255px;
}

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

.so1-lspa {
    border-radius: 60px;
    background: #1F1F1F;
    padding: 13px 25px;
    transition: all 0.5s ease;
}

.so1-lspa:hover {
    background: #F74C25;
}

.so1-lspa p {
    color: #FFF;
    text-align: center;
    font-family: "Roboto";
    font-size: calc(var(--zj-subnav) - 1px);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;
}

/*  */
.ind-find {
    padding: 92px 0;
    background: #FFFAF4;
}

.so2-h {
    margin-bottom: 30px;
}

.so2-h p {
    color: #1F1F1F;
    text-align: center;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -3.24px;
    text-transform: capitalize;
}

.so2-smp {
    margin-bottom: 14px;
}

.so2-smp p {
    color: #F74C25;
    text-align: center;
    font-size: var(--zj-con2la);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -0.88px;
    text-transform: capitalize;
}

.so2-p {
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.so2-p p {
    color: #444;
    text-align: center;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
    letter-spacing: 0.08px;
    max-width: 720px;
}

.so2-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 80px;
}

.so2-a {
    display: block;
    border-radius: 60px;
    background: #1F1F1F;
    padding: 15px 34px;
    margin: 0 5px;
    transition: all 0.5s ease;
}

.so2-a:hover {
    background: #F74C25;
}

.so2-a p {
    color: #FFF;
    text-align: center;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;
}

/* 横幅 */
.ind-seamless {
    width: 100%;
}

.content-auto {
    content-visibility: auto;
}

.marquee-container {
    overflow: hidden;
    position: relative;
    background: #FCA590;
    padding: 8px 0;
    margin-bottom: 4px;
    transition: all 0.5s ease;
}

.so2-swbox:hover .marquee-container {
    background: #F74C25;
}

.marquee-wrapper {
    display: flex;
    width: 100%;
    width: max-content;
    animation: marquee 20s linear infinite;
}

.marquee-content {
    white-space: nowrap;
    width: max-content;
    flex-shrink: 0;

    color: #FFF;
    font-family: "Roboto";
    font-size: var(--zj-ven2cona);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;
    position: relative;
    display: flex;
    align-items: center;
}

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

.marquee-content p::after {
    display: block;
    content: "";
    width: 1px;
    height: 12px;
    background: #FFF;
    margin: 0 14px;
}

.marquee-content:last-child p:last-child:after {
    display: none;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/*  */
.so2-sw {
    position: relative;
}

#so2-sw {
    overflow: hidden;
}

.so2-sw1 {
    padding: 67px 94px;
    background: #FFF;
}

.so2-swimg .img-box {
    padding-bottom: 115%;
}

.so2-swimg .img-box img {
    transition: all 0.5s ease;
}

.so2-swbox:hover .so2-swimg .img-box img {
    transform: scale(1.08);
}

.so2-swps {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
}

.so2-swps p {
    color: #999;
    font-family: "Roboto";
    font-size: var(--zj-ven2cona);
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-transform: capitalize;
    transition: all 0.5s ease;
}

.so2-swbox:hover .so2-swps p {
    color: #F74C25;
}

.so2-sw2 {
    margin-top: 20px;
}

.so2-swh {
    margin-bottom: 20px;
}

.so2-swh p {
    color: #1F1F1F;
    text-align: center;
    font-size: var(--zj-con2la);
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.88px;
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.5s ease;
}

.so2-swbox:hover .so2-swh p {
    color: #F74C25;
}

.so2-swp {
    display: none;
}

.so2-swp p {
    color: #666;
    font-family: "Roboto";
    font-size: var(--zj-ven2cona);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-ven2cona) * 1.28);
    letter-spacing: 0.07px;
    max-width: 390px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.so2-swchan {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 70px;
}

.so2-swchan::after,
.so2-swchan::before {
    position: absolute;
    content: "";
    width: 100vw;
    height: 1px;
    background: #F2EDE8;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.so2-swchan::before {
    top: auto;
    bottom: 0;
}

.so2-swchan>div {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 1 !important;
    margin: 0 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    padding: 25px 40px !important;
    width: auto !important;
    height: auto !important;
    border-right: 1px solid #F2EDE8;
}

.so2-swchan>div:last-child {
    border-right: none;
}

.so2-swchan>div::after {
    content: "";
}

.so2-swchan>div i {
    font-size: 18px;
    line-height: normal;
    color: rgba(208, 203, 198, 1);
    transition: all 0.5s ease;
}

.so2-swchan>div:hover i {
    color: rgba(247, 76, 37, 1);
}

/*  */
.so3 {
    display: flex;
    justify-content: space-between;
    padding: 120px 0;
}

.so3-1 {
    width: 40%;
    flex: 0 0 auto;
}

.so3-1h p {
    color: #F74C25;
    font-size: 150px;
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -9px;
}

.so3-1p {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.so3-1p p {
    color: #1F1F1F;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.37);
    letter-spacing: 0.08px;
    background: #FFFAF4;
}

.so3-1p p span {
    color: #F74C25;
}

.so3-2 {
    width: 58%;
    flex: 0 0 auto;
}

.so3-2smh {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.so3-2smh::after,
.so3-2smh::before {
    content: "";
    display: block;
    --w: 6px;
    width: var(--w);
    height: var(--w);
    background: #F74C25;
    border-radius: 50%;
}

.so3-2smh p {
    color: #F74C25;
    font-size: var(--zj-ven2-la);
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-transform: capitalize;
    margin: 0 16px;
}

.so3-2h {
    margin-bottom: 30px;
}

.so3-2h p {
    color: #1F1F1F;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -4.32px;
}

.so3-2h p span {
    color: #F74C25;
}

.so3-2p {
    margin-bottom: 72px;
}

.so3-2p p {
    color: #333;
    font-family: "Roboto";
    font-size: calc(var(--zj-subnav) - 1px);
    font-style: normal;
    font-weight: normal;
    line-height: calc((var(--zj-subnav) - 1px) * 1.46);
    letter-spacing: 0.075px;
    margin-bottom: 20px;
}

.so3-2btn {
    display: flex;
}

.so3-2a {
    border-radius: 60px;
    background: #1F1F1F;
    display: block;
    padding: 15px 53px;
    transition: all 0.5s ease;
}

.so3-2a:hover {
    background: #F74C25;
}

.so3-2a p {
    color: #FFF;
    text-align: center;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;
}

/* so4 */
.so4 .vr-box iframe {
    aspect-ratio: 1920 / 720;
    width: 100%;
    height: auto;
}

/* so5 */
.so5 {
    padding: 127px 0 130px;
}

.so5-h {
    margin-bottom: 20px;
}

.so5-h p {
    color: #1F1F1F;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -3.24px;
    text-transform: capitalize;
}

.so5-p {
    margin-bottom: 80px;
}

.so5-p p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
    letter-spacing: 0.08px;
    max-width: 720px;
}

.so5-swbox {
    cursor: pointer;
}

.so5-swimg .img-box {
    padding-bottom: 132%;
}

.so5-swimg .img-box img {
    transition: all 0.5s ease;
}

.so5-swbox:hover .so5-swimg .img-box img {
    transform: scale(1.08);
}

.so5-swh {
    margin-top: 30px;
}

.so5-swh p {
    color: #1F1F1F;
    font-size: var(--zj-ft1-1h);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -0.8px;
    transition: all 0.5s ease;
}

.so5-swbox:hover .so5-swh p {
    color: #F74C25;
}

.so5-swp {
    margin-top: 10px;
    display: none;
}

.so5-swp p {
    color: #666;
    font-family: "Roboto";
    font-size: var(--zj-ven2cona);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-ven2cona) * 1.28);
}

/* ind-oem so6 */
.ind-oem {
    background: linear-gradient(180deg, #FFFAF4 0%, #FFFAF4 100%);
    padding: 113px 0;
}

.so6-h {
    margin-bottom: 30px;
}

.so6-h p {
    color: #1F1F1F;
    text-align: center;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -3.24px;
    text-transform: capitalize;
}

.so6-smh {
    margin-bottom: 14px;
}

.so6-smh p {
    color: #F74C25;
    text-align: center;
    font-size: var(--zj-con2la);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -0.88px;
    text-transform: capitalize;
}

.so6-p {
    margin-bottom: 90px;
}

.so6-p p {
    color: #444;
    text-align: center;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
    letter-spacing: 0.08px;
}

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

.so6-1 {
    width: 36.6%;
    flex: 0 0 auto;
}

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

.so6-2 {
    width: calc(63.4% - 134px);
    flex: 0 0 auto;
}

.so6-2u {
    max-height: 623px;
    overflow: auto;
}

.so6-2u::-webkit-scrollbar {
    display: none;
}

.so6-2l {
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #EFEAE6;
    cursor: pointer;
}

.so6-2l:first-child {
    border-top: 1px solid #EFEAE6;
}

.so6-2lnum {
    padding-top: 5px;
    flex: 0 0 auto;
    width: 68px;
}

.so6-2lnum p {
    color: #C2BBB3;
    font-size: var(--zj-ven2-la);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;
    transition: all 0.5s ease;
}

.so6-2l.on .so6-2lnum p {
    color: #F74C25;
}

.so6-2l:hover .so6-2lnum p {
    color: #F74C25;
}

.so6-2lrg {
    flex: 1;
}

.so6-2l1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.so6-2l1h p {
    color: #1F1F1F;
    font-size: var(--zj-con2la);
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.88px;
    transition: all 0.5s ease;
}

.so6-2l.on .so6-2l1h p {
    color: #F74C25;
}

.so6-2l:hover .so6-2l1h p {
    color: #F74C25;
}

.so6-2l1i {
    --w: 32px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    background: #F2EDE8;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease;
}

.so6-2l.on .so6-2l1i {
    background: #F74C25;
}

.so6-2l:hover .so6-2l1i {
    background: #F74C25;
}

.so6-2l1i i {
    font-size: 16px;
    line-height: normal;
    color: rgba(31, 31, 31, 1);
    transition: all 0.5s ease;
}

.so6-2l.on .so6-2l1i i {
    color: #FFF;
}

.so6-2l:hover .so6-2l1i i {
    color: #FFF;
}

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

.so6-2l.on .so6-2l2 {
    max-height: 600px;
    opacity: 1;
    overflow: visible;
}

.so6-2l2p {
    margin-top: 20px;
}

.so6-2l2p p {
    color: #666;
    font-family: "Roboto";
    font-size: var(--zj-ven2-la);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;
}

.so6-2btn {
    display: flex;
}

.so6-2a {
    display: flex;
    border-radius: 60px;
    background: #1F1F1F;
    padding: 15px 30px;
    margin-top: 60px;
    transition: all 0.5s ease;
}

.so6-2a:hover {
    background: #F74C25;
}

.so6-2a p {
    color: #FFF;
    text-align: center;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;
}

/*  */
.so7 {
    padding: 120px 0;
}

.so7-l {
    margin-bottom: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.so7-l:last-child {
    margin-bottom: 0;
}

.so7-l:nth-child(2n) {
    flex-direction: row-reverse;
}

.so7-limg {
    width: 42.6%;
    flex: 0 0 auto;
}

.so7-limg {
    overflow: hidden;
}

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

.so7-l:hover .so7-limg img {
    transform: scale(1.08);
}

.so7-lte {
    width: calc(100% - 42.6% - 110px);
    flex: 0 0 auto;
}

.so7-lh {
    margin-bottom: 20px;
}

.so7-lh p {
    color: #1F1F1F;
    font-size: calc(var(--zj-so2lnum2) - 2px);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -3.24px;
    text-transform: capitalize;
}

.so7-lp {
    margin-bottom: 60px;
}

.so7-lp p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
    letter-spacing: 0.08px;
    max-width: 750px;
}

.so7-lbtn {
    display: flex;
}

.so7-la {
    display: flex;
    border-radius: 60px;
    background: #1F1F1F;
    padding: 15px 27px;
    transition: all 0.5s ease;
}

.so7-la:hover {
    background: #F74C25;
}

.so7-la p {
    color: #FFF;
    text-align: center;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;
}

/* so8 */
.so8 {
    padding: 120px 0;
}

.so8-smh {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.so8-smh::after,
.so8-smh::before {
    background: #F74C25;
    --w: 6px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    content: "";
    display: block;
}

.so8-smh p {
    color: #F74C25;
    text-align: center;
    font-size: var(--zj-ven2-la);
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-transform: capitalize;
    margin: 0 14px;
}

.so8-h {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.so8-h p {
    color: #1F1F1F;
    text-align: center;
    font-size: var(--zj-news-h);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -3.6px;
    text-transform: capitalize;
    max-width: 503px;
}

.so8-p {
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.so8-p p {
    color: #666;
    text-align: center;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.62);
    letter-spacing: 0.08px;
    max-width: 900px;
}

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

.so8-a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 27px;
    border-radius: 60px;
    background: #1F1F1F;
    transition: all 0.5s ease;
}

.so8-a:hover {
    background: #F74C25;
}

.so8-a p {
    color: #FFF;
    text-align: center;
    font-family: "Roboto";
    font-size: calc(var(--zj-subnav) - 1px);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;
}

.so8-u {
    margin-top: 200px;
    margin-right: calc(-.5 * 1.75rem);
    margin-left: calc(-.5 * 1.75rem);
    align-items: flex-end;
}

.so8-l {
    padding-right: calc(1.75rem * .5);
    padding-left: calc(1.75rem * .5);
}

.so8-l a {
    display: block;
    width: 100% !important;
}

.so8-1 {
    display: flex;
    align-items: center;
    margin-bottom: 26px;
}

.so8-1 i {
    font-size: 20px;
    line-height: normal;
    margin-right: 14px;
    color: rgba(31, 31, 31, 1);
    flex: 0 0 auto;
}

.so8-1 p {
    color: #1F1F1F;
    font-size: var(--zj-ft1-1h);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -0.8px;
    text-transform: uppercase;
}

.so8-2 {
    padding-bottom: 142%;
}

.so8-l:nth-child(3) .so8-2 {
    padding-bottom: 100%;
}

@media (max-width: 1536px) {
    .index .cap1 {
        padding: 40px 0;
    }

    .so1 {
        padding: 70px 0 60px;
    }

    .so1-p {
        margin-bottom: 40px;
    }

    .ind-find {
        padding: 62px 0;
    }

    .so2-btn {
        margin-bottom: 40px;
    }

    .so2-sw1 {
        padding: 37px 34px;
    }

    .so2-swchan {
        margin-top: 30px;
    }

    .so2-swchan>div {
        padding: 15px 20px !important;
    }

    .so3 {
        padding: 60px 0;
    }

    .so3-1h p {
        font-size: 110px;
    }

    .so3-2p {
        margin-bottom: 42px;
    }

    .so4 .vr-box iframe {
        min-height: 300px;
    }

    .so5 {
        padding: 67px 0 70px;
    }

    .so5-p {
        margin-bottom: 40px;
    }

    .ind-oem {
        padding: 63px 0;
    }

    .so6-p {
        margin-bottom: 60px;
    }

    .so7 {
        padding: 70px 0;
    }

    .so8 {
        padding: 70px 0;
    }

    .so8-u {
        margin-top: 100px;
    }
}

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

    .so3 {
        flex-direction: column;
    }

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

    .so3-2 {
        width: 100%;
    }

    .so6-end {
        flex-direction: column-reverse;
    }

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

    .so6-1 {
        width: 100%;
    }

    .so7-l,
    .so7-l:nth-child(2n) {
        flex-direction: column-reverse;
    }

    .so7-limg {
        width: 100%;
    }

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

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

    .so8-l:nth-child(3) {
        margin-bottom: 0;
    }
}

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

@media (max-width: 499px) {
    .ind-ban {
        margin-top: 40px;
    }

    .fancybox-slide>* {
        max-width: 96%;
        margin: 0;
        padding: 0;
        margin: auto;
    }

    .so1 {
        padding: 40px 0 30px;
    }

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

    .so1-l {
        padding-right: calc(1.2rem * .5);
        padding-left: calc(1.2rem * .5);
        margin-bottom: 20px;
    }

    .so1-lh {
        margin-top: 15px;
    }

    .ind-find {
        padding: 42px 0;
    }

    .so2-btn {
        flex-direction: column;
    }

    .so2-a {
        margin: 0 0 5px 0;
    }

    .so2-a:last-child {
        margin: 0;
    }

    .so3 {
        padding: 40px 0;
    }

    .so3-1h p {
        font-size: 70px;
    }

    .so5 {
        padding: 37px 0 40px;
    }

    .so5-p {
        margin-bottom: 20px;
    }

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

    .ind-oem {
        padding: 33px 0;
    }

    .so6-p {
        margin-bottom: 30px;
    }

    .so6-2l {
        padding: 10px 0;
    }

    .so6-2u {
        max-height: auto;
    }

    .so6-2a {
        margin-top: 20px;
    }

    .so7 {
        padding: 40px 0;
    }

    .so7-lp {
        margin-bottom: 30px;
    }

    .so7-l {
        margin-bottom: 20px;
    }

    .so7-lp {
        margin-bottom: 15px;
    }

    .so8 {
        padding: 40px 0;
    }

    .so8-p {
        margin-bottom: 20px;
    }

    .so8-u {
        margin-top: 50px;
    }
}


/* prode */
.header-prode .ven2-la span {
    color: #1F1F1F;
}

.header-prode .ven2-la:hover span {
    color: #F74C25;
}

.header-prode .ven2-la i {
    color: #1F1F1F;
}

.header-prode .ven2-la:hover i {
    color: #F74C25;
}

.header-prode .menu-language .select-name::before {
    color: #1F1F1F;
}

.header-prode .menu-language:hover .select-name:before {
    color: #F74C25;
}

.header-prode .menu-language .select-name {
    color: #1F1F1F;
}

.header-prode .menu-language:hover .select-name {
    color: #F74C25;
}

.header-prode .menu-language .select-name::after {
    color: #1F1F1F;
}

.header-prode .menu-language:hover .select-name::after {
    color: #F74C25;
}

.header-prode .ven-inqury a i {
    color: #1F1F1F;
}

.header-prode .ven-inqury a:hover i {
    color: #F74C25;
}

.header-prode .ven-inqury a p {
    color: #1F1F1F;
}

.header-prode .ven-inqury a:hover p {
    color: #F74C25;
}

.header-prode .ven-inqury a span {
    color: #1F1F1F;
}

.header-prode .ven-inqury a:hover span {
    color: #F74C25;
}

.header-prode .vensesv i {
    color: #1F1F1F;
}

.header-prode .vensesv:hover i {
    color: #F74C25;
}

/*  */

.prode {
    background: #FFFAF4;
    padding-bottom: 120px;
}

.prode-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 125px;
}

.prode1-1 {
    padding: 0 9vw;
    background: #E34D2B;
    padding-top: 153px;
    overflow: hidden;
}

.slider-navbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.prode-swbtn {
    width: 100%;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    position: relative;
}

.prode-swbtn::after {
    position: absolute;
    content: "";
    width: 100vw;
    height: 1px;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    background: #F67355;
}

.prode-swbtn button {
    background: transparent;
    --w: 58px;
    width: var(--w);
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: all 0.5s ease;
    border-right: 1px solid #F67355;
}

.prode-swbtn button:last-of-type {
    justify-content: flex-end;
    border-left: 1px solid #F67355;
    border-right: none;
}

.prode-swbtn button i {
    font-size: 18px;
    color: rgba(255, 255, 255, 1);
    transition: all 0.5s ease;
}

.prode-swbtn button:hover i {
    color: #1F1F1F;
}

/*  */
.prode1-2 {
    width: 50%;
    flex: 0 0 auto;
    padding: 0 3vw;
}

.prode1-2h {
    margin-bottom: 26px;
}

.prode1-2h p {
    color: #F74C25;
    font-size: var(--zj-ab2end1-h);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -3px;
    text-transform: capitalize;
}

.prode1-2smh h1 {
        color: #F74C25;
    font-size: var(--zj-ab2end1-h);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -3px;
    text-transform: capitalize;
    font-size: var(--zj-ft1-1h);
    letter-spacing: 0;
}

.prode1-2p {
    margin-bottom: 60px;
}

.prode1-2p p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
}

/*  */
.prode1-2u {
    margin-bottom: 100px;
}

.prode1-2uh {
    padding: 16px 0;
    border-top: 1px solid #EFE7DD;
    border-bottom: 1px solid #EFE7DD;
}

.prode1-2uh p {
    color: #F74C25;
    font-size: var(--zj-ft1-1h);
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -0.8px;
    text-transform: uppercase;
}

.prode1-2l p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-ven2-la);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-ven2-la) * 2.22);
    position: relative;
    padding-left: 24px;
}

.prode1-2l p::after {
    position: absolute;
    content: "";
    --w: 4px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    background: #444;
    left: 8px;
    top: 16px;
}

/*  */
.prode1-2share {
    margin-bottom: 40px;
    display: flex;
    align-items: center;
}

.prode1-2share p {
    color: #1F1F1F;
    font-size: var(--zj-ven2-la);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: uppercase;
    padding-top: 9px;
    margin-right: 20px;
    flex: 0 0 auto;
}

/*  */
.prode1-2btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.prode1-2a {
    --w: 46px;
    height: var(--w);
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #807540;
    transition: all 0.5s ease;
    padding: 4px 8px;
    margin-right: 10px;
    border-radius: 50px;
    border: 1px solid #EFE7DD;
    background: #FFFAF4;
}

.prode1-2a:last-child {
    flex: 0 0 auto;
    width: var(--w);
    height: var(--w);
    margin-right: 0;
    background: #F74C25;
    display: none;
}

.prode1-2a:hover {
    background: #F74C25;
    border: 1px solid #F74C25;
}

.prode1-2a span {
    color: #000;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;
    transition: all 0.5s ease;
}

.prode1-2a:hover span {
    color: #FFF;
}

.prode1-2a i {
    font-size: 16px;
    color: #1F1F1F;
    margin: 0 0 0 10px;
    transition: all 0.5s ease;
}

.prode1-2a:hover i {
    color: #FFF;
}

.prode1-2a:last-child i {
    margin: 0;
    color: #FFF;
}

.prode1-2a:last-child:hover i {
    animation: vensesv 1s ease-in-out;
    animation-iteration-count: 1;
}

/* 产品详情下面 */
.prode2 {
    background: #FFF2E4;
    /* position: sticky;
    top: 130px; */
    z-index: 14;
    overflow: hidden;
}

.prode2-ubox {
    overflow: auto;
}

.prode2-ubox::-webkit-scrollbar {
    display: none;
}

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

.prode2-la {
    display: block;
    position: relative;
    position: relative;
    padding: 34px 0;
    margin-right: 20px;
}

.prode2-l:last-child .prode2-la {
    margin-right: 0;
}

.prode2-la::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: #F74C25;
    left: 0;
    bottom: 0;
    transition: all 0.5s ease;
    opacity: 0;
}

.prode2-la:hover:after {
    opacity: 1;
}

.prode2-l.on .prode2-la:after {
    opacity: 1;
}

.prode2-la span {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-ven2-la);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;
    width: max-content;
    display: block;
    transition: all 0.5s ease;
}

.prode2-la:hover span {
    color: #F74C25;
}

.prode2-l.on .prode2-la span {
    color: #F74C25;
}

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

.prode3:first-child {
    margin-top: 80px;
}

.prode3h {
    margin-bottom: 24px;
}

.prode3h p {
    color: #1F1F1F;
    font-size: var(--zj-ser-fth);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -1.44px;
    text-transform: capitalize;
}

/* prode-neck */
.prode-neck {
    margin-top: 100px;
}

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

/*  */
.prode-neck .dec2-limg {
    width: 42%;
}

.prode-neck .dec2-lte {
    width: calc(58% - 110px);
}

.prode-neck .dec2-lu {
    margin-top: 24px;
}

/*  */
.prode-deop {
    margin-top: 100px;
    margin-bottom: 100px;
}

.deop-p {
    margin-bottom: 60px;
}

.deop-p p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.62);
}

/*  */
.deop-sw {
    position: relative;
}

#deop-sw {
    overflow: hidden;
}

.prode-deop .oem1-swimg .img-box {
    padding-bottom: 135%;
}

.prode-deop .oem1-swte {
    margin-top: 26px;
}

.pamobg {
    background: #FFF5E9;
    padding: 112px 0;
}

/*  */
.prode-pack {
    margin-bottom: 100px;
}

.prode-moq .dec2-limg,
.prode-pack .dec2-limg {
    width: 42%;
}

.prode-moq .dec2-lte,
.prode-pack .dec2-lte {
    width: calc(58% - 110px);
}

.prode-moq .dec2-lu,
.prode-pack .dec2-lu {
    margin-top: 24px;
}

/*  */
.prode-down {
    margin-top: 100px;
}

.prode-down .deop-p {
    max-width: 1510px;
    margin-bottom: 50px;
}

.prode-downu {
    border: 0.5px solid #EFE7DD;
    margin: 0;
}

.prode-downl {
    padding: 0;
}

.prode-downla {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.5px solid #EFE7DD;
    background: #FFFAF4;
    padding: 22px;
    transition: all 0.5s ease;
}

.prode-downla:hover {
    background: #F74C25;
}

.prode-downla p {
    color: #1F1F1F;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;
    transition: all 0.5s ease;
}

.prode-downla:hover p {
    color: #FFF;
}

.prode-downla i {
    font-size: 16px;
    line-height: normal;
    margin-left: 18px;
    color: #1F1F1F;
    transition: all 0.5s ease;
}

.prode-downla:hover i {
    color: #FFF;
}

.prode-downp {
    padding-top: 26px;
    margin-top: 60px;
    border-top: 1px solid #EFE7DD;
}

.prode-downp p {
    color: #444;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
}

/*  */
.prode5 {
    padding-top: 100px;
    position: relative;
    z-index: 12;
}

.prode5h {
    border-radius: 0;
    padding: 17px 22px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    background: #F74C25;
}

.prode5h p {
    color: #FFF;
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;
}

.prode5 .con2-fobt {
    margin-top: 30px;
    justify-content: space-between;
}

.prode5 .con2-folsp1 {
    width: auto;
    border: none;
    background: transparent;
    border-radius: 0;
    transition: all 0.5s ease;
    padding: 0;
}

.prode5 .con2-fol>input,
.prode5 .con2-fol>textarea,
.prode5 .con2-folsp2>select {
    background: #FFF;
    border: 1px solid #FFF;
}

.prode5 .con2-fol>input:focus,
.prode5 .con2-fol>textarea:focus {
    border: 1px solid #F74C25;
}

.prode5 .con2-folsp3 button {
    background: #FFF;
    border: 1px solid #FFF;
}

/*  */
.prode6 {
    margin-top: 100px;
}

.prode6-u {
    position: relative;
}

#prode6-u {
    overflow: hidden;
}

.prode-faq {
    margin-top: 100px;
}

.prode-faq .so6-1 {
    width: 50.2%;
    flex: 0 0 auto;
}

.prode-faq .so6-2 {
    width: calc(100% - 50.2%);
    flex: 0 0 auto;
}

.prode-faq .so6-2l {
    padding: 30px 34px;
}

.prode-faq .so6-2l2p {
    margin-top: 30px;
}

.prode-faq .so6-2l2p p {
    line-height: 1.62;
}

.prode-faq .so6-2u {
    max-height: 540px;
    overflow: auto;
}

/* ---------------- */
/*  */
.prode4 {
    padding-top: 100px;
    position: relative;
}

.prode4-1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.ratingbox .rating {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;

    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-right: 15px;

    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.ratingbox .rating input {
    display: none !important;
}

.ratingbox .rating input:checked~label:before {
    content: '\e9a1';
}

.ratingbox .rating label {
    font-size: 15px;

    margin-left: 5px;

    cursor: pointer;

    color: #F74C25;
}

.ratingbox .rating label:before {
    font-family: 'iconfont' !important;
    font-style: normal;

    content: '\e9a2';
    -webkit-transition: all .35s;
    transition: all .35s;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ratingbox .rating label:hover:before,
.ratingbox .rating label:hover~label:before {
    content: '\e9a1';
}

/* Customer Reviews */
.prode4-1h p {
    color: #000;
    font-family: 'Sora';
    font-size: var(--zj-prode1-2h);
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.8px;
    text-transform: capitalize;
}

.write-btn {
    cursor: pointer;
}

.write-btn span {
    color: #F74C25;
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    --size: 1px;
    --color: #F74C25;
    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);
}

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

.write-form {
    display: none;
}

.form-review {
    margin-bottom: 80px;
}

.form-review>input,
.form-review>textarea {
    width: 100%;
    padding: 15px 22px;
    color: #666;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    margin-bottom: 20px;
    border-radius: 0;
    border: 1px solid #FFF;
    background: #fff;
    transition: all 0.5s ease;
}

.form-review>input::-webkit-input-placeholder {
    color: #666;
}

.form-review>input:-moz-placeholder {
    color: #666;
}

.form-review>input::-moz-placeholder {
    color: #666;
}

.form-review>input:-ms-input-placeholder {
    color: #666;
}

.form-review>textarea::-webkit-input-placeholder {
    color: #666;
}

.form-review>textarea:-moz-placeholder {
    color: #666;
}

.form-review>textarea::-moz-placeholder {
    color: #666;
}

.form-review>textarea:-ms-input-placeholder {
    color: #666;
}

.ratingbox {
    display: flex;
    align-items: center;
    border-radius: 0;
    border: 1px solid #FFF;
    background: #FFF;
    padding: 13px 22px;
    margin-bottom: 20px;
}

.ratingbox p {
    color: #666;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
}

/* --------------- */
/*  */
.prode4-3box {
    margin-bottom: 40px;
}

.prode4-3box:last-child {
    margin-bottom: 0;
}

.prode4-3h {
    margin-bottom: 14px;
}

.prode4-3h p {
    color: #1F1F1F;
    font-size: var(--zj-ft1-2uh);
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: capitalize;
}

.prode4-3hfly {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.prode4-3hfly1 {
    margin-right: 10px;
}

.prode4-3hfly1 p {
    color: #F74C25;
    font-size: var(--zj-ven2-la);
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: capitalize;
}

.prode4-3hfly2 i {
    font-size: 15px;
    color: #F74C25;
}

.prode4-3p p {
    color: #666;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: 1.625;
}

.prode4 .con2-fobt {
    justify-content: flex-end;
}

@media (max-width: 1536px) {
    .prode1-1 {
        padding: 0 3.6vw;
        padding-top: 120px;
    }

    .prode1-2 {
        padding: 0 1.6vw;
        padding-top: 98px;
    }

    .prode-top {
        margin-top: 89px;
    }
}

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

    .prode1-1 {
        width: 100%;
    }

    .prode1-2 {
        width: 100%;
    }

    .prode1-2 {
        padding: 30px 1.6vw;
    }

    .prode2-la {
        padding: 16px 0;
        margin-right: 30px;
    }

    .neck-box {
        flex-direction: column;
    }

    .prode-neck .dec2-lte {
        width: 100%;
    }

    .prode-neck .dec2-limg {
        width: 100%;
    }

    .prode-moq .dec2-lte,
    .prode-pack .dec2-lte {
        width: 100%;
    }

    .prode-moq .dec2-limg,
    .prode-pack .dec2-limg {
        width: 100%;
    }

    .prode-moq .neck-box {
        flex-direction: column-reverse;
    }

    .prode-downl {
        width: 50%;
    }

    .prode-faq .so6-1 {
        width: 100%;
    }

    .prode-faq .so6-2 {
        width: 100%;
    }

    .prode {
        padding-bottom: 70px;
    }
}

@media (max-width: 499px) {
    .prode-downl {
        width: 100%;
    }

    .prode-top {
        margin-top: 77px;
    }

    .prode1-1 {
        padding-top: 100px;
    }

    .prode1-2l {
        width: 100%;
    }

    .prode1-2uh {
        padding: 6px 0;
    }

    .prode1-2p {
        margin-bottom: 30px;
    }

    .prode1-2h {
        margin-bottom: 13px;
    }

    .prode1-2u {
        margin-bottom: 50px;
    }

    .prode-end>* {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .prode-end>*:last-child {
        margin-bottom: 0;
    }

    .prode3h {
        margin-bottom: 12px;
    }

    .deop-p {
        margin-bottom: 30px;
    }

    .pamobg {
        padding: 40px 0;
    }

    .prode-pack {
        margin-bottom: 30px;
    }

    .prode-downp {
        padding-top: 13px;
        margin-top: 30px;
    }

    .prode5 {
        padding-top: 40px;
    }

    .con2-fobt button {
        padding: 15px 32px;
    }

    .prode-faq .so6-2l {
        padding: 12px 12px;
    }

    .prode4 {
        padding-top: 40px;
        position: relative;
    }
}

.list-paddingleft-2 p {
    color: #FFF;
    font-family: "Roboto";
    font-size: var(--zj-subnav);
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--zj-subnav) * 1.5);
}



.ab3-2sp {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ab3-2sp>div {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    --w: 50px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    background: #FFFAF4;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease;
    margin-left: 6px !important;
    margin-top: 20px !important;

}

.ab3-2sp>div:first-child {
    margin-left: 0 !important;
}

.ab3-2sp>div:hover {
    background: #F74C25;
}

.ab3-2sp>div::after {
    content: "";
}

.ab3-2sp>div i {
    font-size: 18px;
    color: rgba(247, 76, 37, 1);
    line-height: normal;
    transition: all 0.5s ease;
}

.ab3-2sp>div:hover i {
    color: #FFF;
}

.clo4 .list-paddingleft-2 p {
    color: #444;
}

.clo8-lsp {
    margin-bottom: 24px;
}

@media (max-width: 992px) {
    .clo8-lsp {
        width: 33.333%
    }
}

@media (max-width: 499px) {
    .clo8-lsp {
        width: 50%
    }

    .clo8-lsp {
        margin-bottom: 12px;
    }

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

    .clo8-lsp {
        padding-right: calc(0.8rem * .5);
        padding-left: calc(0.8rem * .5);
    }
}

.sub-productsp .sub-im img {
    max-height: 600px;
}

@media (max-width: 992px) {
    .sub-productsp .sub-im img {
        min-height: 320px;
    }
}

/* ---------------------------------- */
.ind-fly {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    z-index: 10209;
    background: rgba(0, 0, 0, 0.50);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 0.5s ease;
}

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

.ind-flybox {
    background: #FFF;
    width: 1600px;
    max-width: 92%;
    margin: auto;
    position: relative;
    top: 40px;
    border-radius: 20px;
    overflow: hidden;
    padding: 40px 30px;
}

.ind-flyh {
    margin-bottom: 40px;
}

.ind-flyh p {
    color: #1F1F1F;
    text-align: center;
    font-size: var(--zj-news-h);
    font-style: normal;
    font-weight: 700;
    line-height: calc(var(--zj-news-h) * 1.16);
    text-transform: uppercase;
}

.ind-flyico {
    position: absolute;
    --w: 38px;
    width: var(--w);
    height: var(--w);
    border: 1px solid rgba(232, 235, 244, 1);
    background: rgba(246, 247, 250, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    right: 20px;
    top: 20px;
    border-radius: 50%;
    cursor: pointer;
}

.ind-flyico i {
    font-size: 12px;
    line-height: normal;
    color: rgba(30, 58, 138, 1);
}

/*  */
.ind-fly .con2-fou>div {
    margin-bottom: 16px;
}

.ind-fly .con2-fol input,
.ind-fly .con2-fol textarea {
    padding: 12px;
}

.ind-fly .con2-fobt {
    margin-top: 0;
}

@media (max-width: 1536px) {
    .ind-flybox {
        top: 60px;
    }

    .ind-flyh {
        margin-bottom: 40px;
    }

    .ind-flybox {
        padding: 40px 30px;
    }
}

@media (max-width: 992px) {
    .ind-flybox {
        top: 20px;
    }

    .ind-flyh {
        margin-bottom: 20px;
    }

    .ind-flyfrom .con3-fobt {
        margin-top: 20px;
    }

    .ind-flybox {
        padding: 20px 12px;
    }

    .ind-flyfrom .con3-fol input,
    .ind-flyfrom .con3-fol textarea {
        padding: 6px;
    }
}

/* -------------------------------------------- */
.ind-fly .con2-fobt {
    justify-content: space-between;
}

.ind-fly .con2-fobt .con2-folsp1 {
    max-width: 40%;
    width: auto;
    border: none;
    background: transparent;
    border-radius: 0;
    transition: all 0.5s ease;
    padding: 0;
}