:root {
    --zj-heasp1a: 14px;
    --zj-ven2_la: 18px;
    --zj-venlana: 16px;
    --zj-con1h: 40px;
    --zj-ft1_1h: 20px;
    --zj-ft1_2h: 24px;
    --zj-ab1_1h: 64px;
    --zj-prode1_2h: 36px;
    --zj-prode3h: 32px;
    --zj-so2_h: 44px;
}

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

.ctm-9-left {}

.ctm-8 {
    width: 73.4% !important;
    margin: auto !important;
}

@media (max-width: 1536px) {
    :root {
        --zj-ven2_la: 16px;
        --zj-venlana: 14px;
        --zj-con_2h: 30px;
        --zj-con1h: 30px;
        --zj-prode1_2h: 30px;
        --zj-ft1_2h: 22px;
        --zj-ft2H: 18px;
        --zj-ft1_1h: 18px;
        --zj-prode3h: 26px;
        --zj-ab1_1h: 54px;
        --zj-so2_h: 34px;
    }

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

    .ctm-9-left {
        padding-left: 8.5% !important;
        margin: auto !important;
    }

    .ctm-8 {
        width: 84% !important;
        margin: auto !important;
    }
}

@media (max-width: 1199.9px) {
    :root {
        --zj-so2_h: 26px;
        --zj-ab1_1h: 44px;
    }

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

    .ctm-9-left {
        padding-left: 4% !important;
        margin: auto !important;
    }

    .ctm-8 {
        width: 86% !important;
        margin: auto !important;
    }
}

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

@media (max-width: 499px) {
    :root {
        --zj-con_2h: 24px;
        --zj-ft2H: 16px;
        --zj-prode3h: 22px;
        --zj-ab1_1h: 34px;
        --zj-ft1_2h: 18px;
        --zj-con1h: 26px;
        --zj-prode1_2h: 26px;
    }
}

/* 新增头 */
.hea_special {
    background: #F5F5F5;
}

.heasp_box {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

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

.heasp1a {
    display: flex;
    align-items: center;
    padding: 12px 24px;
    position: relative;
}

.heasp1a::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: #CCC;
    left: 0;
    top: 0;
}

.heasp1a::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: #CCC;
    right: 0;
    top: 0;
}

.heasp1a:first-child::before {
    opacity: 0;
}

.heasp1a i {
    font-size: var(--zj-heasp1a);
    color: rgba(0, 64, 128, 1);
    margin-right: 8px;
    flex: 0 0 auto;
}

.heasp1a span {
    color: #444;
    font-family: inRe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: var(--zj-heasp1a);
    --size: 1px;
    --color: #004080;
    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);
}

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

.heasp2 {
    display: flex;
    align-items: stretch;
}

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

.heasp2_l {
    margin-right: 2.2vw;
    height: 100%;
}

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

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

.heasp2_la>span {
    color: #222;
    font-family: inMe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: var(--zj-heasp1a);
    text-transform: uppercase;
    --size: 1px;
    --color: #004080;
    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);
}

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

.heasp2_l.on .heasp2_la>span {
    color: #004080;
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
}

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

.heasp2_share .a2a_kit>a {
    padding: 0 13px !important;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.heasp2_share .a2a_kit>a::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    left: 0;
    top: 0;
    background: #CCC;
}

.heasp2_share .a2a_kit>a:last-of-type::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    right: 0;
    top: 0;
    background: #CCC;
}

.heasp2_share .a2a_kit>a i {
    font-size: 14px;
    color: rgba(102, 102, 102, 1);
    transition: all 0.3s ease;
}

.heasp2_share .a2a_kit>a:hover i {
    transform: translateY(-4px);
    color: rgba(0, 64, 128, 1);
}

.heasp2_share .a2a_kit>a:nth-child(2) i {
    color: rgba(0, 64, 128, 1);
}

@media (max-width: 1536px) {
    .heasp1a {
        padding: 8px 16px;
    }

    .heasp2_l {
        margin-right: 1.2vw;
    }
}

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

@media (max-width: 642px) {
    .heasp1a i {
        margin-right: 0;
    }

    .heasp1a span {
        display: none;
    }
}

@media (max-width: 499px) {
    .heasp1a {
        padding: 4px 8px;
    }

    .heasp2_share .a2a_kit>a {
        padding: 0 8px !important;
    }
}

/* tou */
#ven {
    border: 1px solid #FFF;
    background: #fff !important;
    backdrop-filter: blur(5px);
    width: 100%;
    margin: auto;
    transition: all 0.5s ease;
}

.ventricle {
    border: 1px solid #ffffff00 !important;
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1) !important;
}

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

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

.ven1_loim {
    padding: 8px 0;
}

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

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

.ven2_lis {
    height: 100%;
}

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

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

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

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

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

.ven2_la span {
    color: #222;
    font-family: inRe;
    font-size: var(--zj-ven2_la);
    font-style: normal;
    line-height: calc(var(ven2_la));

    --size: 1px;
    --color: #004080;
    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: #004080;
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
}

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

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

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

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

.ven_sehinp>i {
    display: block;
    color: #004080;
    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: 414px;
    padding: 8px 16px;
    background: #FFF;
}

.ven_sehfo input {
    width: 86%;
    background: transparent;
    font-family: inRe;
    font-size: var(--zj-venlana);
    font-style: normal;
    line-height: normal;
    transition: all 0.3s ease;
    color: #004080;
    font-style: normal;
    line-height: calc(var(--zj-venlana) * 1.75);
}

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

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

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

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

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

@media (max-width: 499px) {
    .ven_sehinp {
        top: 44px;
        right: -10vw;
    }

    .ven_sehinp>i {
        margin-left: 4px;
        font-size: 16px;
    }

    .ven_sehfo {
        width: 214px;
        padding: 4px 12px;
    }
}

/*  */

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

.ven2_1 .translate {
    padding-left: 0;
    padding-right: 32px;
}

.ven2_1 .translate .goog-te-gadget-simple {
    background: transparent;
}

.ven_car {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(204, 204, 204, 0.4);
    padding: 10.5px 25px;
    transition: all 0.3s ease;
    display: none;
}

.ven_car:hover {
    border: 1px solid #004080;
    background: #004080;
}

.ven_car>p,
.ven_car>span {
    color: #444;
    font-family: inRe;
    font-size: var(--zj-venlana);
    font-style: normal;
    line-height: var(--zj-venlana);
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.ven_car:hover>p,
.ven_car:hover>span {
    color: #fff;
}

.ven_car>i {
    font-size: var(--zj-heasp1a);
    margin-left: 12px;
    color: rgba(68, 68, 68, 1);
    transition: all 0.3s ease;
}

.ven_car:hover>i {
    color: #fff;
}

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

.vensesv {
    --w: 44px;
    height: var(--w);
    width: var(--w);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 16px;
    background: #004080;
    transition: all 0.3s ease;
}

.vensesv>i {
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
    transition: all 0.3s ease;
}

.vensesv:hover>i {
    color: rgba(255, 255, 255, 1);
}

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

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

@media (max-width: 1536px) {

    .ven1_loim {
        padding: 10px 0;
    }

    .ven1_loim img {
        width: 44px;
    }

    .ven2_l {
        margin-right: 1.2vw;
    }

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

    .ven2_1 .translate {
        padding-right: 18px;
    }

    .vensesv {
        display: flex;
        --w: 36px;
    }

    .ven_car {
        padding: 7px 5px;
    }

    .ven_car>i {
        font-size: 14px;
    }
}

@media (max-width: 1199.9px) {
    #ven {
        top: 0 !important;
        width: 100% !important;
        border-radius: 0 !important;
        border: 1px solid #ffffff00 !important;
        box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1) !important;
    }

    .ven2_lis {
        display: none;
    }
}

@media (max-width: 499px) {
    .hea_box {
        padding: 0;
        width: 92%;
        margin: auto;
    }

    .ven1_loim img {
        width: 30px;
    }

    .venlana>img {
        margin-right: 4px;
    }

    .venlana>p {
        margin-right: 4px;
    }

    .vensesv>i {
        font-size: 14px;
    }

    .ven_car {
        padding: 2px 3px;
    }

    .ven_car>i {
        margin-left: 8px;
    }

    .vensesv {
        margin-left: 8px;
        --w: 26px;
    }

    .ven2_1 .translate {
        padding-right: 0px;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#venPhoSec ul li i {
    /* color: #fff; */
    color: #333;
    padding-left: 15px;
    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 {
    font-size: 16px;
    color: #222;
    font-family: inMe;
    font-style: normal;
    line-height: normal;

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

.menu_head a:hover {
    color: #004080;
}

.xiantiao>a {
    color: #004080;
}

.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; */
    font-family: inMe;
    color: #666;
    text-decoration: none;
    font-size: 16px;
    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: #0F9F49;
}

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

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

.sub_im {
    position: relative;
}

.sub_im::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

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

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

    .sub_im img {
        height: 460px;
    }
}

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

    .sub_im img {
        height: 180px;
    }
}

/* ft */
#footer {
    background: #222;
}

.ft1 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.ft1_1 {
    display: flex;
    width: 66%;
    flex: 0 0 auto;
    padding-top: 80px;
}

.ft1_1box {
    padding-right: 2.6vw;
}

.ft1_1box:last-child {
    padding-right: 0vw;
}

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

.ft1_1logoa .ven1_lote h2 {
    color: rgba(2, 80, 150, 1);
}

.ft1_1logoa .ven1_lote p {
    color: rgba(165, 190, 211, 1);
}

/* .ft1_1logo {
    margin-bottom: 52px;
} */

.ft1_1logoa {
    margin-bottom: 52px;
}

.ft1_1logo img {
    width: 53px;
}

.ft1_1lop {
    margin-bottom: 60px;
}

.ft1_1lop p {
    color: #CCC;
    font-family: inRe;
    font-size: var(--zj-venlana);
    font-style: normal;
    line-height: calc(var(--zj-venlana) * 1.5);
    width: 300px;
    max-width: 100%;
}

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

.ft1_1share .a2a_kit>a {
    display: flex;
    align-items: center;
    justify-content: center;
    --w: 40px;
    width: var(--w);
    height: var(--w);
    border: 1px solid rgba(255, 255, 255, 0.4);
    margin-right: 16px;
    transition: all 0.3s ease;
}

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

.ft1_1share .a2a_kit>a:hover {
    background: rgba(255, 255, 255, 0.4);
}

.ft1_1share .a2a_kit>a i {
    font-size: 14px;
    opacity: 0.5;
    color: rgba(255, 255, 255, 1);
    transition: all 0.3s ease;
}

.ft1_1share .a2a_kit>a:hover i {
    opacity: 1;
}

.ft1_1h {
    margin-bottom: 20px;
    padding-top: 20px;
}

.ft1_1h p {
    color: #FFF;
    font-family: osMe;
    font-size: var(--zj-ft1_1h);
    font-style: normal;
    line-height: calc(var(--zj-ft1_1h) * 1.5);
    text-transform: uppercase;
}

.ft1_1a {
    display: block;
    color: #CCC;
    font-family: inRe;
    font-size: var(--zj-venlana);
    font-style: normal;
    line-height: calc(var(--zj-venlana) * 1.5);
    margin-bottom: 8px;
}

.ft1_1a:hover {
    color: #CCC;
}

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

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

.ft1_2 {
    width: 32.4%;
    flex: 0 0 auto;
    background: #004080;
    padding: 40px 30px;
}

.ft1_2h {
    margin-bottom: 16px;
}

.ft1_2h p {
    color: #FFF;
    font-family: osMe;
    font-size: var(--zj-ft1_2h);
    font-style: normal;
    line-height: calc(var(--zj-ft1_2h) * 1.5);
    text-transform: uppercase;
}

.ft1_2p {
    margin-bottom: 24px;
}

.ft1_2p p a {
    color: rgba(251, 211, 78, 1);
}

.ft1_2p p {
    color: #FFF;
    font-family: inRe;
    font-size: var(--zj-venlana);
    font-style: normal;
    line-height: calc(var(--zj-venlana) * 1.5);
}

.ft1_2fol input,
.ft1_2fol textarea {
    color: #FFF;
    font-family: inRe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: var(--zj-heasp1a);
    border: 1px solid #00408000;
    background: rgba(255, 255, 255, 0.2);
    margin-bottom: 10px;
    padding: 15px 16px;
    width: 100%;
    transition: all 0.3s ease;
}

.ft1_2fol textarea {
    margin-bottom: 16px;
}

.ft1_2fol input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.ft1_2fol input:-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.ft1_2fol input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.ft1_2fol input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.ft1_2fol textarea::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.ft1_2fol textarea:-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.ft1_2fol textarea::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.ft1_2fol textarea:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

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

.ft1_2fobt button {
    color: #FFF;
    font-family: inMe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: var(--zj-heasp1a);
    background: transparent;
    display: flex;
    align-items: center;
}

.ft1_2fobt button i {
    margin-left: 8px;
    font-size: 12px;
    transition: all 0.3s ease;
    display: block;
}

.ft1_2fobt button:hover i {
    transform: translateX(4px);
}

.ft2sa {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0;
}

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

.ft2_1>span {
    width: 1px;
    height: 12px;
    background: #999;
    margin: 0 16px;
}

.ft2_1a {
    display: flex;
}

.ft2_1a span {
    color: #999;
    font-family: inRe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: var(--zj-heasp1a);
    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_1 a:hover span {
    color: #fff;
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
}

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

.ft2_2a {
    margin-right: 12px;
}

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

.ft2_2a span {
    color: #999;
    font-family: inRe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: var(--zj-heasp1a);
    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_2 a:hover span {
    color: #fff;
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
}

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

    .ft1_2 {
        padding: 20px 16px;
    }

    .ft1_2fol input,
    .ft1_2fol textarea {
        padding: 10px 11px;
    }
}

@media (max-width: 1199.9px) {
    .ft2sa {
        padding: 24px 0 76px;
    }
}

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

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

    .ft1_2 {
        width: 100%;
    }

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

    .ft2_1>span {
        margin: 0 8px;
    }
}

@media (max-width: 992px) {
    .ft1_1 {
        flex-wrap: wrap;
    }

    .ft1_1box {
        width: 50%;
    }

    .ft1_1box:first-child {
        width: 100%;
    }

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

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

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

    /* .ft1_1logo {
        margin-bottom: 22px;
    } */

    .ft1_1logoa {
        margin-bottom: 22px;
    }

    .ft1_1logo img {
        width: 36px;
    }

    .ft1_1lop {
        margin-bottom: 30px;
    }

    .ft1_1share .a2a_kit>a {
        --w: 32px;
        margin-right: 8px;
    }

    .ft2sa {
        padding: 14px 0 64px;
    }
}

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

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

.con1h {
    margin-bottom: 32px;
}

.con1h p {
    color: #222;
    font-family: osMe;
    font-size: var(--zj-con1h);
    font-style: normal;
    line-height: var(--zj-con1h);
    text-transform: uppercase;
}

.con1p {
    margin-bottom: 48px;
}

.con1p p {
    color: #444;
    font-family: inRe;
    font-size: var(--zj-venlana);
    font-style: normal;
    line-height: calc(var(--zj-venlana) * 1.5);
    width: 660px;
    max-width: 100%;
}

.con1_l {
    display: flex;
    align-items: baseline;
    margin-bottom: 32px;
}

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

.con1_lico {
    margin-right: 10px;
    flex: 0 0 auto;
}

.con1_lico i {
    font-size: 14px;
    color: rgba(0, 64, 128, 1);
}

.con1_lh {
    margin-bottom: 8px;
}

.con1_lh p {
    color: #666;
    font-family: inRe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: var(--zj-heasp1a);
}

.con1_la span {
    color: #444;
    font-family: inRe;
    font-size: var(--zj-venlana);
    font-style: normal;
    line-height: calc(var(--zj-venlana) * 1.5);
    --size: 1px;
    --color: #004080;
    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);
}

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

.con2 {
    width: 51.6%;
    flex: 0 0 auto;
    background: #F5F5F5;
    padding: 30px;
}

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

.con2_fol {
    padding-right: calc(1.3rem * .5);
    padding-left: calc(1.3rem * .5);
}

.con2_fol input,
.con2_fol textarea {
    color: #666;
    font-family: inRe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: var(--zj-heasp1a);
    border: 1px solid #00408000;
    background: #fff;
    margin-bottom: 20px;
    padding: 15px 20px;
    width: 100%;
    transition: all 0.3s ease;
}

.con2_fol input:focus,
.con2_fol textarea:focus {
    border: 1px solid #004080;
}

.con2_fol input::-webkit-input-placeholder {
    color: rgba(102, 102, 102, 0.5);
}

.con2_fol input:-moz-placeholder {
    color: rgba(102, 102, 102, 0.5);
}

.con2_fol input::-moz-placeholder {
    color: rgba(102, 102, 102, 0.5);
}

.con2_fol input:-ms-input-placeholder {
    color: rgba(102, 102, 102, 0.5);
}

.con2_fol textarea::-webkit-input-placeholder {
    color: rgba(102, 102, 102, 0.5);
}

.con2_fol textarea:-moz-placeholder {
    color: rgba(102, 102, 102, 0.5);
}

.con2_fol textarea::-moz-placeholder {
    color: rgba(102, 102, 102, 0.5);
}

.con2_fol textarea:-ms-input-placeholder {
    color: rgba(102, 102, 102, 0.5);
}

.con2_fobt button {
    color: #FFF;
    font-family: inMe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: var(--zj-heasp1a);
    padding: 15px 48px;
    background: #004080;
    display: flex;
    align-items: center;
}

.con2_fobt button i {
    font-size: 12px;
    color: rgba(255, 255, 255, 1);
    margin-left: 8px;
    transition: all 0.3s ease;
}

.con2_fobt button:hover i {
    transform: translateX(4px);
}

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

    .con2_fol input,
    .con2_fol textarea {
        padding: 12px 10px
    }
}

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

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

    .con2 {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .con2 {
        padding: 16px;
    }

    .con2_fol {
        width: 100%;
    }
}

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

    .con1h {
        margin-bottom: 16px;
    }

    .con1p {
        margin-bottom: 34px;
    }

    .con1_l {
        margin-bottom: 10px;
    }

    .con2 {
        padding: 12px;
    }

    .con2_fobt button {
        padding: 11px 20px;
    }

    .con2_fol input,
    .con2_fol textarea {
        margin-bottom: 10px;
    }
}

/* subnav_box */
.subnav_box {
    padding: 15px;
    position: relative;
}

.subnav_box::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #D9D9D9;
    left: 0;
    bottom: 0;
}

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

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

.breadcrumb-item::before {
    color: #444;
    font-family: inRe;
    font-size: var(--zj-venlana);
    font-style: normal;
    line-height: var(--zj-venlana);
    text-transform: uppercase;
}

.breadcrumb-item i {
    margin-right: 10px;
    color: rgba(102, 102, 102, 1);
    font-size: 14px;
}

.breadcrumb-item a {
    color: #444;
    font-family: inRe;
    font-size: var(--zj-venlana);
    font-style: normal;
    line-height: var(--zj-venlana);
    text-transform: uppercase;
}

@media (max-width: 499px) {
    .subnav_box {
        display: none;
    }
}

/* down */
.down {
    padding: 88px 0 100px;
}

.down_h {
    margin-bottom: 70px;
}

.down_h p {
    color: #222;
    text-align: center;
    font-family: osMe;
    font-size: var(--zj-con1h);
    font-style: normal;
    line-height: var(--zj-con1h);
    text-transform: uppercase;
}

.down_u {
    margin-right: calc(-.5 * 1.9rem);
    margin-left: calc(-.5 * 1.9rem);
}

.down_l {
    padding-right: calc(1.9rem * .5);
    padding-left: calc(1.9rem * .5);
    margin-bottom: 80px;
}

.down_la {
    padding: 0 1.4vw;
    display: block;
    background: #F5F5F5;
    position: relative;
    transition: all 0.3s ease;
}

.down_la:hover {
    background: #FFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
}

.down_la::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: #999;
    left: 0;
    bottom: 0;
    transition: all 0.3s ease;
}

.down_la:hover::after {
    background: #004080;
}

.down_l1 {
    top: -30px;
    padding-bottom: 67%;
    overflow: hidden;
}

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

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

.down_lh {
    margin-bottom: 16px;
}

.down_lh p {
    color: #222;
    font-family: osMe;
    font-size: var(--zj-ft1_1h);
    font-style: normal;
    line-height: calc(var(--zj-ft1_1h) * 1.4);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.down_lp {
    margin-bottom: 14px;
}

.down_lp p {
    color: #666;
    font-family: inRe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: calc(var(--zj-heasp1a) * 1.5);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.down_l2 {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.down_l2ico {
    display: flex;
    align-items: center;
    margin-right: 16px;
}

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

.down_l2ico i {
    font-size: 14px;
    color: rgba(102, 102, 102, 1);
    margin-right: 8px;
    flex: 0 0 auto;
    display: block;
}

.down_l2ico p {
    color: #666;
    font-family: inRe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: var(--zj-heasp1a);
}

.down_lbtn {
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(20px);
    position: relative;
    z-index: 12;
}

.down_lbtnbox {
    display: flex;
    align-items: center;
    padding: 15px 22px;
    background: #E6E6E6;
    transition: all 0.3s ease;
}

.down_la:hover .down_lbtnbox {
    background: #004080;
}

.down_lbtnbox i {
    font-size: 14px;
    color: rgba(68, 68, 68, 1);
    margin-right: 10px;
    display: block;
    transition: all 0.3s ease;
}

.down_la:hover .down_lbtnbox i {
    color: rgba(255, 255, 255, 1);
}

.down_lbtnbox p {
    color: #444;
    text-align: center;
    font-family: inRe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: var(--zj-heasp1a);
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.down_la:hover .down_lbtnbox p {
    color: rgba(255, 255, 255, 1);
}

@media (max-width: 1536px) {
    .down {
        padding: 46px 0 68px;
    }

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

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

    .down_lbtnbox {
        padding: 10px 18px;
    }
}

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

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

@media (max-width: 499px) {
    .down {
        padding: 44px 0 50px;
    }

    .down_h {
        margin-bottom: 58px;
    }
}

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

.sub_page>a {
    --w: 44px;
    width: var(--w);
    height: var(--w);
    border-radius: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 12px;
    /* transform: rotate(90deg); */
    transition: all 0.3s ease;
    background: #F5F5F5;
}

.sub_page>a:hover {
    background: #00346B;
}

.sub_page>a:last-of-type {
    transform: rotate(-180deg);
}

.sub_page>a i {
    font-size: 12px;
    color: rgba(34, 34, 34, 1);
    transition: all 0.3s ease;
}

.sub_page>a:hover i {
    color: #fff;
}

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

.sub_pagel {
    margin: 0 4px;
}

.sub_pagel a {
    --w: 44px;
    width: var(--w);
    height: var(--w);
    border-radius: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    background: #F5F5F5;
    color: #222;
    font-family: inRe;
    font-size: var(--zj-venlana);
    font-style: normal;
    line-height: var(--zj-venlana);
}

.sub_pagel a:hover {
    background: #00346B;
    color: #fff;
}

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

    .sub_pagel a {
        --w: 34px;
    }
}

@media (max-width: 499px) {
    .sub_page>a {
        --w: 28px;
    }

    .sub_pagel a {
        --w: 28px;
    }
}

/* news */
.news_box .down_h {
    margin-bottom: 40px;
}

.ne_u {
    margin-right: calc(-.5 * 1.9rem);
    margin-left: calc(-.5 * 1.9rem);
    margin-bottom: 18px;
}

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

.ne_la {
    position: relative;
}

.ne_la::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 54%;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.90) 100%);
    z-index: 11;
}

.ne_limg {
    padding-bottom: 67%;
    overflow: hidden;
}

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

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

.ne_lte {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 12;
    padding: 32px;
}

.ne_lnum {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.ne_lnum i {
    font-size: 16px;
    color: #fff;
    margin-right: 8px;
}

.ne_lnum p {
    color: #FFF;
    font-family: inRe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: var(--zj-heasp1a);
}

.ne_lh2 p {
    color: #FFF;
    font-family: inBo;
    font-size: var(--zj-ft1_1h);
    font-style: normal;
    line-height: calc(var(--zj-ft1_1h) * 1.5);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1536px) {
    .ne_lte {
        padding: 16px;
    }
}

@media (max-width: 992px) {
    .ne_u {
        margin-bottom: 10px;
    }

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

    .ne_lnum {
        margin-bottom: 10px;
    }

    .ne_lte {
        padding: 12px;
    }
}

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

/* FAQ */
.faq_u {
    margin-bottom: 38px;
}

.faq_l {
    margin-bottom: 10px;
}

.faq_la {
    background: #F5F5F5;
    transition: all 0.3s ease;
    cursor: pointer;
}

.faq_l1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.faq_l1h {
    width: 80%;
    flex: 0 0 auto;
    display: flex;
}

.faq_l1h i {
    font-size: 24px;
    margin-right: 16px;
    color: rgba(152, 152, 152, 1);
    flex: 0 0 auto;
}

.faq_l1h p {
    color: #222;
    font-family: osMe;
    font-size: var(--zj-ven2_la);
    font-style: normal;
    line-height: var(--zj-ven2_la);
    transition: all 0.3s ease;
    padding-top: 8px;
}

.faq_l1i {
    position: relative;
}

.faq_l1i>i {
    color: rgba(102, 102, 102, 1);
    font-size: 16px;
    transition: all 0.3s ease;
    display: block;
}

.faq_l.on .faq_l1i>i {
    transform: rotate(45deg);
}

.faq_l:hover .faq_l1i>i {
    transform: rotate(45deg);
}

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

.faq_l.on .faq_l2 {
    max-height: 400px;
    opacity: 1;
}

.faq_l2p {
    padding: 0 62px 34px;
}

.faq_l2p p {
    color: #444;
    font-family: inRe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: var(--zj-heasp1a);
}

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

    .faq_l1 {
        padding: 10px 8px;
    }

    .faq_l1h i {
        font-size: 16px;
        margin-right: 12px;
        margin-top: 4px;
    }

    .faq_l2p {
        padding: 0 36px 16px;
    }
}

/* service */
.ser_l {
    margin-bottom: 10px;
}

.ser_la {
    cursor: pointer;
}

.ser_l1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F5F5F5;
    padding: 18px 20px;
    transition: all 0.3s ease;
}

.ser_l.on .ser_l1 {
    background: #004080;
}

.ser_la:hover .ser_l1 {
    background: #004080;
}

.ser_l1h {
    width: 80%;
    flex: 0 0 auto;
    position: relative;
    padding-left: 18px;
}

.ser_l1h::after {
    position: absolute;
    content: "";
    --w: 6px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #999;
    transition: all 0.3s ease;
}

.ser_l.on .ser_l1h::after {
    background: rgba(255, 255, 255, 0.25);
}

.ser_la:hover .ser_l1h::after {
    background: rgba(255, 255, 255, 0.25);
}

.ser_l1h p {
    color: #222;
    font-family: osMe;
    font-size: var(--zj-ven2_la);
    font-style: normal;
    line-height: var(--zj-ven2_la);
    transition: all 0.3s ease;
}

.ser_l.on .ser_l1h p {
    color: rgba(255, 255, 255, 1);
}

.ser_la:hover .ser_l1h p {
    color: rgba(255, 255, 255, 1);
}

.ser_l1i i {
    font-size: 16px;
    color: rgba(102, 102, 102, 1);
    display: block;
    transform: rotate(-90deg);
    transition: all 0.3s ease;
}

.ser_l.on .ser_l1i i {
    color: rgba(255, 255, 255, 1);
    transform: rotate(90deg);
}

.ser_la:hover .ser_l1i i {
    color: rgba(255, 255, 255, 1);
}

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

.ser_l.on .ser_l2 {
    max-height: 400px;
    opacity: 1;
}

.ser_l2box {
    border: 1px solid #D9D9D9;
    border-top: none;
    background: #FFF;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px 20px 8px;
}

.ser_l2a {
    color: #444;
    text-align: center;
    font-family: inRe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: var(--zj-heasp1a);
    display: block;
    background: #F5F5F5;
    padding: 14px 36px;
    margin-right: 12px;
    margin-bottom: 12px;
    transition: all 0.3s ease;
}

.ser_l2a:hover {
    background: #004080;
    color: #FFF;
}

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

    .ser_l2box {
        padding: 14px 10px 6px;
    }

    .ser_l2a {
        padding: 12px 18px;
        margin-right: 8px;
        margin-bottom: 8px;
    }
}

/* spplication */
.applic {
    padding: 88px 0 100px;
}

.applich {
    margin-bottom: 24px;
}

.applich p {
    color: #222;
    text-align: center;
    font-family: osMe;
    font-size: var(--zj-con1h);
    font-style: normal;
    line-height: var(--zj-con1h);
    text-transform: uppercase;
}

.applicp {
    margin-bottom: 40px;
}

.applicp p {
    color: #666;
    text-align: center;
    font-family: inRe;
    font-size: var(--zj-venlana);
    font-style: normal;
    line-height: calc(var(--zj-venlana) * 1.5);
}

.applic_u {
    margin-right: calc(-.5 * 1.9rem);
    margin-left: calc(-.5 * 1.9rem);
    margin-bottom: 18px;
}

.applic_l {
    padding-right: calc(1.9rem * .5);
    padding-left: calc(1.9rem * .5);
    margin-bottom: 30px;
}

.applic_lbox {
    cursor: pointer;
    position: relative;
}

.applic_limg {
    padding-bottom: 77%;
    overflow: hidden;
}

.applic_limg img {
    transition: all 0.5s ease;
}

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

.applic_lico {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 64, 128, 0);
    left: 0;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    pointer-events: none;
}

.applic_lbox:hover .applic_lico {
    background: rgba(0, 64, 128, 0.9);
}

.applic_lico::after {
    position: absolute;
    content: "";
    --w: 48px;
    width: var(--w);
    height: var(--w);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    transition: all 0.3s ease;
    transform: scale(0);
}

.applic_lbox:hover .applic_lico::after {
    transform: scale(1);
}

.applic_lico i {
    font-size: 16px;
    color: #fff;
    transition: all 0.3s ease;
    transform: scale(0);
}

.applic_lbox:hover .applic_lico i {
    transform: scale(1);
}

.applic_lp {
    position: absolute;
    z-index: 12;
    width: 100%;
    left: 0;
    bottom: 20px;
    padding: 0 12px;
}

.applic_lp p {
    color: #FFF;
    text-align: center;
    font-family: inRe;
    font-size: var(--zj-venlana);
    font-style: normal;
    line-height: var(--zj-venlana);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
    opacity: 0;
}

.applic_lbox:hover .applic_lp p {
    opacity: 1;
}

@media (max-width: 1536px) {
    .applic {
        padding: 56px 0 68px;
    }

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

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

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

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

    .applicp {
        margin-bottom: 30px;
    }

    .applic_u {
        margin-bottom: 10px;
    }

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

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

/* about */
.about1 {
    position: relative;
    overflow: hidden;
}

.about1>img {
    position: absolute;
    width: 86vw;
    right: 0;
    bottom: -18%;
}

.ab1_box {
    display: flex;
    justify-content: space-between;
    padding: 88px 0 134px;
}

.ab1_1 {
    width: 30%;
    flex: 0 0 auto;
}

.ab1_1h {
    margin-bottom: 28px;
}

.ab1_1h p {
    color: #004080;
    font-family: osBo;
    font-size: var(--zj-ab1_1h);
    font-style: normal;
    line-height: var(--zj-ab1_1h);
    text-transform: uppercase;
}

.ab1_1p p {
    color: #222;
    font-family: osMe;
    font-size: var(--zj-ft1_2h);
    font-style: normal;
    line-height: var(--zj-ft1_2h);
    text-transform: uppercase;
}

.ab1_2 {
    width: 58.22%;
    flex: 0 0 auto;
}

.ab1_2p p {
    color: #666;
    font-family: inRe;
    font-size: var(--zj-venlana);
    font-style: normal;
    line-height: calc(var(--zj-venlana) * 1.5);
}

.about2 {
    position: relative;
}

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

.about2ico {
    position: absolute;
    --w: 72px;
    width: var(--w);
    height: var(--w);
    background: rgba(0, 64, 128, 1);
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    cursor: pointer;
}

.about2ico i {
    font-size: 16px;
    color: #fff;
    display: block;
}

.about2ico>span {
    background-color: rgba(0, 64, 128, 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: scalej 2s infinite;
    -webkit-animation: scalej 2s infinite;
}

.about2ico>span:nth-child(2) {
    background-color: rgba(0, 64, 128, 0.2);
    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;
}

.about2ico>a {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.about3 {
    padding: 88px 0 100px;
}

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

.ab3_l {
    position: relative;
    padding-right: calc(5rem * .5);
    padding-left: calc(5rem * .5);
}

.ab3_l:nth-child(2)::after,
.ab3_l:nth-child(2)::before {
    position: absolute;
    content: "";
    width: 1px;
    background: #D9D9D9;
    height: 100%;
    left: 0;
    top: 0;
}

.ab3_l:nth-child(2)::before {
    left: auto;
    right: 0;
}

.ab3_la {
    height: 100%;
}

.ab3_lico {
    --w: 72px;
    width: var(--w);
    height: var(--w);
    background: rgba(0, 64, 128, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 24px;
}

.ab3_lico i {
    font-size: 30px;
    color: #004080;
    display: block;
    transition: all 0.5s ease;
}

.ab3_la:hover .ab3_lico i {
    transform: rotateY(360deg);
}

.ab3_lh {
    margin-bottom: 16px;
}

.ab3_lh p {
    color: #222;
    text-align: center;
    font-family: osMe;
    font-size: var(--zj-ven2_la);
    font-style: normal;
    line-height: var(--zj-ven2_la);
}

.ab3_lp p {
    color: #666;
    text-align: center;
    font-family: inRe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    font-weight: 400;
    line-height: calc(var(--zj-heasp1a) * 1.5);
}

.about4 {
    background: #F2F2F2;
    position: relative;
}

.about4::after,
.about4::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 5.2vw;
    background: #fff;
    left: 0;
    top: 0;
}

.about4::before {
    height: 2.6vw;
    top: auto;
    bottom: 0;
}

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

.ab4_1 {
    width: 47.2%;
    flex: 0 0 auto;
    padding-top: 190px;
    padding-bottom: 220px;
}

.ab4_1h {
    margin-bottom: 32px;
}

.ab4_1h p {
    color: #222;
    font-family: osMe;
    font-size: var(--zj-con1h);
    font-style: normal;
    line-height: var(--zj-con1h);
    text-transform: uppercase;
}

.ab4_1p p {
    color: #666;
    font-family: inRe;
    font-size: var(--zj-venlana);
    font-style: normal;
    font-weight: 400;
    line-height: calc(var(--zj-venlana) * 1.5);
    max-width: 100%;
    width: 600px;
}

.ab4_2 {
    width: 51%;
    flex: 0 0 auto;
}

.ab4_2u {
    display: flex;
    margin-right: calc(-.5 * 0.6rem);
    margin-left: calc(-.5 * 0.6rem);
    align-items: flex-end;
}

.ab4_2u:nth-child(2) {
    margin-top: 10px;
    align-items: flex-start;
}

.ab4_2l {
    padding-right: calc(0.6rem * .5);
    padding-left: calc(0.6rem * .5);
    height: 100%;
}

.ab4_2u:nth-child(1) .ab4_2l:nth-child(1) {
    width: 50.8%;
    padding-left: 30px;
}

.ab4_2u:nth-child(1) .ab4_2l:nth-child(1) .ab4_2limg {
    padding-bottom: 133%;
}

.ab4_2u:nth-child(1) .ab4_2l:nth-child(2) {
    width: 48.8%;
}

.ab4_2u:nth-child(2) .ab4_2l:nth-child(1) {
    width: 63.9%;
}

.ab4_2u:nth-child(2) .ab4_2l:nth-child(1) .ab4_2limg {
    padding-bottom: 66%;
}

.ab4_2u:nth-child(2) .ab4_2l:nth-child(2) {
    width: 33.4%;
}

.ab4_2u:nth-child(2) .ab4_2l:nth-child(2) .ab4_2limg {
    padding-bottom: 150%;
}

.ab5_box {
    padding: 100px 0;
}

.ab5_h {
    margin-bottom: 40px;
}

.ab5_h p {
    color: #222;
    text-align: center;
    font-family: osMe;
    font-size: var(--zj-con1h);
    font-style: normal;
    line-height: var(--zj-con1h);
    text-transform: uppercase;
}

.ab5_sw {
    position: relative;
}

#ab5_sw {
    overflow: hidden;
}

.ab5_swimg {
    padding-bottom: 140%;
    border: 1px solid #D9D9D9;
    overflow: hidden;
    cursor: pointer;
}

.ab5_swimg img {
    transition: all 0.5s ease;
}

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

#ab5_sw .swiper-button-next,
#ab5_sw .swiper-button-prev {
    --w: 44px;
    width: var(--w);
    height: var(--w);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 44px;
    background: #F5F5F5;
    transition: all 0.5s ease;
}

#ab5_sw .swiper-button-next {
    right: calc(var(--w) / 2 * -1);
}

#ab5_sw .swiper-button-prev {
    left: calc(var(--w) / 2 * -1);
}

#ab5_sw .swiper-button-next:hover,
#ab5_sw .swiper-button-prev:hover {
    background: #004080;
}

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

#ab5_sw .swiper-button-next i,
#ab5_sw .swiper-button-prev i {
    font-size: 16px;
    color: rgba(68, 68, 68, 1);
    display: block;
    transition: all 0.5s ease;
}

#ab5_sw .swiper-button-prev i {
    transform: rotate(180deg);
}

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

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

    .about1>img {
        width: 92vw;
        bottom: -12%;
    }

    .about2>img {
        height: 300px;
    }

    .about3 {
        padding: 70px 0 90px;
    }

    .ab3_lico {
        --w: 60px;
        margin-bottom: 16px;
    }

    .ab3_lico i {
        font-size: 24px;
    }

    .ab4_1 {
        padding-top: 124px;
        padding-bottom: 138px;
    }

    .ab5_box {
        padding: 62px 0;
    }
}

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

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

    .ab1_2 {
        width: 100%;
    }

    .about1>img {
        width: 96vw;
        bottom: -20px;
    }

    .about3 {
        padding: 26px 0 42px;
    }

    .ab3_u {
        width: 92%;
        margin: auto;
    }

    .ab3_l {
        width: 100%;
        padding: 20px 0;
    }

    .ab3_l:nth-child(2)::after,
    .ab3_l:nth-child(2)::before {
        width: 100%;
        height: 1px;
        top: 0;
    }

    .ab3_l:nth-child(2)::before {
        top: auto;
        bottom: 0;
    }

    .about4::after,
    .about4::before {
        display: none;
    }

    .ab4_box {
        flex-direction: column;
    }

    .ab4_1 {
        width: 100%;
        padding-top: 60px;
        padding-bottom: 54px;
    }

    .ab4_2 {
        width: 100%;
    }
}

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

    .ab1_box {
        padding: 44px 0 70px;
    }

    .about1>img {
        bottom: -9px;
    }

    .about2>img {
        height: 200px;
    }

    .about3 {
        padding: 26px 0 20px;
    }

    .ab3_lico {
        --w: 52px;
    }

    .ab4_1h {
        margin-bottom: 20px;
    }

    .ab4_1 {
        width: 100%;
        padding-top: 38px;
        padding-bottom: 24px;
    }

    .ab5_box {
        padding: 38px 0;
    }

    .ab5_h {
        margin-bottom: 24px;
    }

    #ab5_sw .swiper-button-next,
    #ab5_sw .swiper-button-prev {
        --w: 32px;
    }

    #ab5_sw .swiper-button-next i,
    #ab5_sw .swiper-button-prev i {
        font-size: 14px;
    }
}

/* product */
.pro_box {
    padding: 88px 0 100px;
}

.pro1h {
    margin-bottom: 24px;
}

.pro1h p {
    color: #222;
    font-family: osMe;
    font-size: var(--zj-con1h);
    font-style: normal;
    line-height: var(--zj-con1h);
    text-transform: uppercase;
}

.pro1p {
    margin-bottom: 32px;
}

.pro1p p {
    color: #666;
    font-family: inRe;
    font-size: var(--zj-venlana);
    font-style: normal;
    line-height: calc(var(--zj-venlana) * 1.5);
}

.pro1nav {
    position: relative;
    padding: 15px 0;
    margin-bottom: 30px;
}

.pro1nav::after,
.pro1nav::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    top: 0;
    background: #D9D9D9;
}

.pro1nav::before {
    top: auto;
    bottom: 0;
}

.pro1nav .breadcrumb {
    justify-content: center;
}

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

.pro2_1 {
    width: 26%;
    flex: 0 0 auto;
    padding-right: 2.16%;
    position: sticky;
    top: 150px;
}

.pro2_1la {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F5F5F5;
    padding: 15px 14px 15px 20px;
    transition: all 0.5s ease;
}

.pro2_1la:hover {
    background: #004080;
}

.pro2_1u.on .pro2_1la {
    background: #004080;
}

.pro2_1la p {
    color: #222;
    font-family: osMe;
    font-size: var(--zj-ft1_1h);
    font-style: normal;
    line-height: calc(var(--zj-ft1_1h) * 1.5);
    transition: all 0.5s ease;
}

.pro2_1la:hover p {
    color: #fff;
}

.pro2_1u.on .pro2_1la p {
    color: #fff;
}

.pro2_1laico {
    border-radius: 40px;
    background: #E6E6E6;
    --w: 32px;
    width: var(--w);
    height: var(--w);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all 0.5s ease;
}

.pro2_1la:hover .pro2_1laico {
    background: #fff;
}

.pro2_1u.on .pro2_1laico {
    background: #fff;
}

.pro2_1laico i {
    font-size: 12px;
    color: rgba(102, 102, 102, 1);
    transition: all 0.5s ease;
}

.pro2_1u.on .pro2_1laico i {
    opacity: 0;
}

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

.pro2_1u.on .pro2_1laico i:nth-child(2) {
    opacity: 1;
}

.pro2_1u {
    margin-bottom: 6px;
}

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

.pro2_1use {
    padding: 4px 24px;
    background: rgba(245, 245, 245, 1);
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.5s ease;
}

.pro2_1u.on .pro2_1use {
    max-height: 400px;
    opacity: 1;
}

.pro2_1lse {
    border-bottom: 1px solid #D9D9D9;
}

.pro2_1lse:last-child {
    border-bottom: none;
}

.pro2_1lsea {
    padding: 16px 0;
    display: block;
}

.pro2_1lsea span {
    color: #444;
    font-family: inRe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: var(--zj-heasp1a);
    --size: 1px;
    --color: #004080;
    text-decoration: none;
    background-image: linear-gradient(var(--color), var(--color));
    background-size: 0% var(--size);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    transition-property: background-size, color, opacity;
    transition-duration: 0.5s;
    transition-timing-function: cubic-beizer(0.4, 0, 0.2, 1);
}

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

.pro2_1lse.on .pro2_1lsea span {
    color: #004080;
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
}

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

.pro2_2u {
    margin: 0;
    border: 0.5px solid #D9D9D9;
    margin-bottom: 48px;
}

.pro2_2l {
    padding: 0;
    border: 0.5px solid #D9D9D9;
    padding: 20px 20px 30px;
}

.pro_2limg {
    background: #fff;
    overflow: hidden;
    margin-bottom: 20px;
}

.pro_2limg img {
    transition: all 0.5s ease;
}

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

.pro2_2lh {
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pro2_2lh span {
    color: #222;
    font-family: inBo;
    font-size: var(--zj-ven2_la);
    font-style: normal;
    line-height: calc(var(--zj-ven2_la) * 1.5);
    opacity: 0.9;
    --size: 1px;
    --color: #004080;
    text-decoration: none;
    background-image: linear-gradient(var(--color), var(--color));
    background-size: 0% var(--size);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    transition-property: background-size, color, opacity;
    transition-duration: 0.5s;
    transition-timing-function: cubic-beizer(0.4, 0, 0.2, 1);
}

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

.pro2_2lp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pro2_2lp span {
    color: #666;
    font-family: inRe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: calc(var(--zj-heasp1a) * 1.5);
}

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

    .pro2_1 {
        top: 130px;
    }

    .pro2_1la {
        padding: 11px 10px 11px 16px;
    }

    .pro2_1laico {
        --w: 24px;
    }

    .pro2_1lsea {
        padding: 8px 0;
    }

    .pro2_2l {
        padding: 10px 10px 20px;
    }
}

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

    .pro2_1 {
        display: none;
    }

    .pro_11 {
        display: flex !important;
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: 20px;
    }

    .pro_11a {
        display: flex;
        align-items: center;
        color: #222;
        font-family: inRe;
        font-size: var(--zj-venlana);
        font-style: normal;
        line-height: var(--zj-venlana);
        padding: 17px 16px;
        border-radius: 6px;
        background: #FFF;
        transition: all 0.3s ease;
        border: 1px solid #004080;
        border-radius: 6px;
        margin-bottom: 4px;
        margin-right: 4px;
    }

    .pro_11a:hover {
        background: #004080;
        color: #fff;
    }

    .pro_11a.on {
        background: #004080;
        color: #fff;
    }

    .pro2_2 {
        width: 100%;
    }

    .pro2_2u {
        margin-bottom: 30px;
    }

    .pro_2limg {
        background: #fff;
        overflow: hidden;
        margin-bottom: 12px;
    }
}

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

@media (max-width: 499px) {
    .pro_box {
        padding: 44px 0 46px;
    }

    .pro1nav {
        display: none;
    }

    .pro1h {
        margin-bottom: 16px;
    }

    .pro1p {
        margin-bottom: 24px;
    }

    .pro_11a {
        padding: 9px 6px;
    }
}

/* prode */
.prode_box {
    padding: 80px 0 100px;
}

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

.prode1_2 {
    width: 51.2%;
    flex: 0 0 auto;
    padding-left: 4.3%;
}

.prode1_2h {
    margin-bottom: 60px;
}

.prode1_2h p {
    color: #222;
    font-family: osMe;
    font-size: var(--zj-prode1_2h);
    font-style: normal;
    line-height: var(--zj-prode1_2h);
    text-transform: uppercase;
}

.prode1_2te {
    margin-bottom: 60px;
}

.prode1_2te>p {
    color: #666;
    font-family: inRe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: calc(var(--zj-heasp1a) * 1.5);
}

.prode1_2p {
    margin-bottom: 12px;
}

.prode1_2p>p {
    color: #222;
    font-family: osMe;
    font-size: var(--zj-ft1_1h);
    font-style: normal;
    line-height: var(--zj-ft1_1h);
}

.prode1_2share {
    margin-bottom: 112px;
}

.prode1_2share>p {
    color: #222;
    font-family: osMe;
    font-size: var(--zj-ft1_1h);
    font-style: normal;
    line-height: var(--zj-ft1_1h);
    margin-bottom: 16px;
}

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

.prode1_2a {
    color: #FFF;
    text-align: center;
    font-family: inMe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: var(--zj-heasp1a);
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prode1_2a:nth-child(1) {
    /* background: #004080; */
    color: #004080;
    height: 44px;
    width: 488px;
    margin-right: 8px;
    max-width: calc(100% - 8px - 44px);
    border: 1px solid #004080;
    transition: all 0.3s ease;
}

.prode1_2a:hover:nth-child(1) {
    color: #fff;
    background: #004080;
}

.prode1_2a:nth-child(2) {
    --w: 44px;
    width: var(--w);
    height: var(--w);
    border: 1px solid #004080;
    background: #FFF;
    display: none;
}

.prode1_2a:hover:nth-child(2) {
    background: #004080;
}

.prode1_2a i {
    font-size: 14px;
    transition: all 0.3s ease;
    display: block;
}

.prode1_2a:hover i {
    transform: translateY(-4px);
}

.prode1_2a:nth-child(1) i {
    margin-right: 10px;
    color: #004080;
    transition: all 0.3s ease;
}

.prode1_2a:hover:nth-child(1) i {
    color: rgba(255, 255, 255, 1);
}

.prode1_2a:nth-child(2) i {
    color: rgba(0, 64, 128, 1);
    transition: all 0.3s ease;
}

.prode1_2a:hover:nth-child(2) i {
    color: rgba(255, 255, 255, 1);
}

.prode2 {
    position: sticky;
    top: 146px;
    z-index: 14;
    overflow: hidden;
}

.prode2::after,
.prode2::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #D9D9D9;
    left: 0;
    bottom: 0;
}

.prode2::before {
    bottom: auto;
    top: 0;
}

.prode2_u {
    display: flex;
    align-items: center;
    overflow-x: scroll;
    background: #fff;
}

.prode2_u::-webkit-scrollbar {
    display: none;
    width: 14px;
    height: 14px;
}

.prode2_u::-webkit-scrollbar-thumb {
    border-radius: 999px;
    border: 5px solid transparent;
    background-clip: content-box;
    background-color: #03bf7f;
}

.prode2_u::-webkit-scrollbar-track {
    background-color: #f0f0f0;
}

.prode2_l {
    margin-right: 2.5vw;
}

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

.prode2_la {
    color: #222;
    font-family: osMe;
    font-size: var(--zj-ft1_1h);
    font-style: normal;
    line-height: var(--zj-ft1_1h);
    display: block;
    transition: all 0.3s ease;
    padding: 20px 0;
    position: relative;
}

.prode2_la:hover {
    color: #004080;
}

.prode2_l.on .prode2_la {
    color: #004080;
}

.prode2_la::after {
    position: absolute;
    content: "";
    width: 0%;
    height: 2px;
    background: #004080;
    left: 0;
    bottom: 0;
    z-index: 12;
    transition: all 0.3s ease;
}

.prode2_la:hover:after {
    width: 100%;
}

.prode2_l.on .prode2_la::after {
    width: 100%;
}

.prode3 {
    padding-top: 48px;
    position: relative;
}

.prode3h {
    margin-bottom: 28px;
}

.prode3h p {
    color: #222;
    font-family: osMe;
    font-size: var(--zj-prode3h);
    font-style: normal;
    line-height: var(--zj-prode3h);
}

.prode3te {
    background: #F5F5F5;
    padding: 18px 20px;
}

/*  */
.prode4 {
    padding-top: 48px;
    position: relative;
}

.prode4_1 {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

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

.prode4sw_chan .swiper-button-next,
.prode4sw_chan .swiper-button-prev {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    margin: 0 !important;
}

.prode4sw_chan .swiper-button-next {
    /* transform: rotate(90deg); */
    margin-right: 32px !important;
}

.prode4sw_chan .swiper-button-prev {
    transform: rotate(180deg);
}

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

.prode4sw_chan .swiper-button-next i,
.prode4sw_chan .swiper-button-prev i {
    font-size: 20px;
    color: rgba(34, 34, 34, 1);
    transition: all 0.3s ease;
}

.prode4sw_chan .swiper-button-next:hover i,
.prode4sw_chan .swiper-button-prev:hover i {
    color: #004080;
}

.prode4_2 {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

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

#prode4_2sw {
    overflow: hidden;
}

.prode4_2swa {
    border-radius: 16px;
    background: #F5F5F5;
    padding: 24px 30px;
}

.prode4_2sw1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 16px;
    margin-bottom: 16px;
    position: relative;
}

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

.prode4_2sw1p {
    display: flex;
    align-items: center;

}

.prode4_2sw1p p {
    color: #222;
    font-family: inBo;
    font-size: var(--zj-venlana);
    font-style: normal;
    line-height: var(--zj-venlana);
    text-transform: capitalize;
    margin-right: 16px;
}

.prode4_2sw1p i {
    font-size: 12px;
    color: #FFBF00;
    margin-right: 4px;
}

.prode4_2sw1num p {
    color: #666;
    font-family: inRe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: var(--zj-heasp1a);
}

.prode4_2sw2 p {
    color: #444;
    font-family: inRe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: calc(var(--zj-heasp1a) * 1.5);
}

.prode4_3h {
    margin-bottom: 24px;
}

.prode4_3h p {
    color: #222;
    font-family: osMe;
    font-size: var(--zj-ft1_1h);
    font-style: normal;
    line-height: var(--zj-ft1_1h);
    text-transform: capitalize;
}

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

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

.prode4_3for .so8fo_l input,
.prode4_3for .so8fo_l textarea {
    background: #F5F5F5;
    width: 100%;
    border: none;
    padding: 15px 16px;
    color: #666;
    font-family: inRe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: var(--zj-heasp1a);
    margin-bottom: 20px;
}

.prode4_3for .so8fo_l input::-webkit-input-placeholder {
    color: rgba(102, 102, 102, 0.5);
}

.prode4_3for .so8fo_l input:-moz-placeholder {
    color: rgba(102, 102, 102, 0.5);
}

.prode4_3for .so8fo_l input::-moz-placeholder {
    color: rgba(102, 102, 102, 0.5);
}

.prode4_3for .so8fo_l input:-ms-input-placeholder {
    color: rgba(102, 102, 102, 0.5);
}

.prode4_3for .so8fo_l textarea::-webkit-input-placeholder {
    color: rgba(102, 102, 102, 0.5);
}

.prode4_3for .so8fo_l textarea:-moz-placeholder {
    color: rgba(102, 102, 102, 0.5);
}

.prode4_3for .so8fo_l textarea::-moz-placeholder {
    color: rgba(102, 102, 102, 0.5);
}

.prode4_3for .so8fo_l textarea:-ms-input-placeholder {
    color: rgba(102, 102, 102, 0.5);
}

.prode4_3for .so8fo_bt {
    justify-content: flex-start;
    display: flex;
    align-items: center;
}

.prode4_3for .so8fo_bt button {
    color: #004080;
    font-family: inMe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: var(--zj-heasp1a);
    border: 1px solid #004080;
    background: #FFF;
    border-radius: 0;
    padding: 15px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.prode4_3for .so8fo_bt button:hover {
    background: #004080;
    color: #FFF;
}

.prode4_3for .so8fo_bt button i {
    font-size: 12px;
    margin-left: 8px;
    transition: all 0.3s ease;
    display: block;
    color: #004080;
}

.prode4_3for .so8fo_bt button:hover i {
    transform: translateX(4px);
    color: #fff;
}

/*  */
.prode5 {
    padding-top: 48px;
    position: relative;
}

.prode5h {
    background: #00346B;
    padding: 16px 20px;
    margin-bottom: 20px;
}

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

.prode5for .so8fo_l input,
.prode5for .so8fo_l textarea {
    background: #F5F5F5;
}

.prode5for .so8fo_bt {
    justify-content: space-between;
}

.prode5for .so8fo_bt button {
    border: 1px solid #004080;
    background: #FFF;
    color: #004080;
}

.prode5for .so8fo_bt button:nth-child(2) {
    border: 1px dashed rgba(0, 64, 128, 0.50);
    background: #FFF;
}

.prode5for .so8fo_bt button:hover:nth-child(2) {
    background: #004080;
}

.prode5for .so8fo_bt button i {
    color: #004080;
}

.prode5for .so8fo_bt button:nth-child(2) i {
    color: #004080;
    font-size: 14px;
    margin-left: 0;
    margin-right: 10px;
}

.prode4_3for .so8fo_bt button:nth-child(2):hover i {
    transform: translateX(-4px);
    color: #fff;
}

/*  */
.prode6 {
    padding-top: 128px;
    position: relative;
}

.prode6_u {
    width: 100%;
    overflow: hidden;
}

#prode6_u {
    position: relative;
}

#prode6_u::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border: 0.5px solid #D9D9D9;
    left: 0;
    top: 0;
    z-index: 12;
    pointer-events: none;
}

#prode6_u .pro2_2la {
    position: relative;
    padding: 20px 20px 30px;
    display: block;
}

#prode6_u .pro2_2la::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border: 0.5px solid #D9D9D9;
    left: 0;
    top: 0;
    z-index: 12;
    pointer-events: none;
}

.prode3 #prode,
.prode3 #spec,
.prode4 #reviews,
.prode5 #inquiry,
.prode6 #related {
    position: absolute;
    top: -180px;
}

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

    .prode1_2h {
        margin-bottom: 36px;
    }

    .prode1_2te {
        margin-bottom: 30px;
    }

    .prode1_2share {
        margin-bottom: 44px;
    }

    .prode2 {
        top: 124px;
    }

    .prode1_2 {
        padding-left: 3.3%;
    }
}

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

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

    .prode1_2 {
        width: 100%;
        padding-left: 0;
    }

    .prode4_3for .so8fo_l {
        width: 50%;
    }

    .prode4_3for .so8fo_l:last-of-type {
        width: 100%;
    }

    .prode4_3for .so8fo_bt button {
        padding: 12px 16px;
    }

    .prode6 {
        padding-top: 90px;
    }
}

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

    .prode2_u {
        overflow-x: scroll;
    }

    .prode2_la {
        width: max-content;
    }

    .prode4_3for .so8fo_l {
        width: 100%;
    }
}

@media (max-width: 499px) {
    .prode_box {
        padding: 48px 0 46px;
    }

    .prode1 {
        margin-bottom: 38px;
    }

    .prode2_la {
        font-size: 16px;
        padding: 12px 0;
    }

    .prode3te {
        padding: 12px 12px;
    }

    .prode4_2swa {
        padding: 12px 10px;
    }

    .prode4_3for .so8fo_l input,
    .prode4_3for .so8fo_l textarea {
        margin-bottom: 10px;
    }

    .prode6 {
        padding-top: 50px;
    }

    #prode6_u .pro2_2la {
        padding: 10px 10px 20px;
    }
}

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

#so1sw {
    overflow: hidden;
}

.so1sw_box {
    position: relative;
}

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

.so1sw_im img {
    width: 100%;
    /* height: 100vh; */
    object-fit: cover;
    object-position: center;
    transition: transform 5s ease;
    transform: scale(1.2);
}

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

#so1sw .swiper-button-prev,
#so1sw .swiper-button-next {
    font-size: 24px;
    color: rgba(68, 68, 68, 1);
    transition: all 0.3s ease;
    opacity: 1;
}

#so1sw .swiper-button-prev:hover,
#so1sw .swiper-button-next:hover {
    color: rgba(15, 159, 73, 1);
}

#so1sw .swiper-button-prev {
    left: 20px;
    transform: rotate(180deg);
}

#so1sw .swiper-button-next {
    right: 20px;
}

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

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

#so1sw .swiper-pagination .swiper-pagination-bullet {
    width: 48px;
    height: 4px;
    border-radius: 0;
    opacity: 0.25;
    background: #FFF;
    margin: 0 6px;
    transition: all 0.3s ease;
}

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

@media (max-width: 1536px) {
    .so1sw_im img {
        height: 76vh;
    }

    #so1sw .swiper-pagination {
        bottom: 16px;
    }

    #so1sw .swiper-pagination .swiper-pagination-bullet {
        width: 38px;
        height: 2px;
    }
}

@media (max-width: 1199.9px) {
    .so1sw_im img {
        height: 400px;
    }

    #so1sw .swiper-pagination .swiper-pagination-bullet {
        width: 26px;
        margin: 0 4px;
    }
}

@media (max-width: 499px) {
    .so1sw_im img {
        height: 400px;
        object-position: 20%;
    }
}

/* ind_pro */
.ind_pro {
    padding: 120px 0;
    position: relative;
}

.ind_probg {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: -1;
}

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

.so2_h {
    margin-bottom: 24px;
}

.so2_h p {
    color: #222;
    text-align: center;
    font-family: osMe;
    font-size: var(--zj-so2_h);
    font-style: normal;
    line-height: calc(var(--zj-so2_h) * 1.25);
    /* 55px */
    text-transform: uppercase;
}

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

.so2_p p {
    color: #666;
    text-align: center;
    font-family: inRe;
    font-size: var(--zj-venlana);
    font-style: normal;
    line-height: calc(var(--zj-venlana) * 1.5);
    width: 1170px;
    max-width: 100%;
}

.so2_u {
    margin-right: calc(-.5 * 1.9rem);
    margin-left: calc(-.5 * 1.9rem);
}

.so2_l {
    padding-right: calc(1.9rem * .5);
    padding-left: calc(1.9rem * .5);
    margin-bottom: 30px;
}

.so2_la {
    position: relative;
}

.so2_la::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 53%;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%);
    z-index: 7;
    pointer-events: none;
}

.so2_la_1 {
    position: relative;
}

.so2_limg {
    padding-bottom: 66%;
}

.so2_l:nth-child(1) .so2_limg {
    padding-bottom: 38%;
}

.so2_l:nth-child(2) .so2_limg {
    padding-bottom: 54%;
}

.so2_la_1te {
    position: absolute;
    width: calc(100% - 48px);
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    padding: 22px 0;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.5s ease;
}

.so2_la:hover .so2_la_1te {
    opacity: 0;
}

.so2_la_1te::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    left: 0;
    top: 0;
}

.so2_la_1p {
    width: 80%;
    flex: 0 0 auto;
}

.so2_la_1p p {
    color: #FFF;
    font-family: inBo;
    font-size: var(--zj-ft1_1h);
    font-style: normal;
    line-height: calc(var(--zj-ft1_1h) *1.5);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.so2_la_1te i {
    font-size: var(--zj-ft1_2h);
    color: #fff;
}

.so2_la_2 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 64, 128, 0.9);
    z-index: 12;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    opacity: 0;
    transition: all 0.5s ease;
}

.so2_la:hover .so2_la_2 {
    opacity: 1;
}

.so2_la_2h {
    margin-bottom: 24px;
}

.so2_la_2h p {
    color: #FFF;
    font-family: inBo;
    font-size: var(--zj-ft1_1h);
    font-style: normal;
    line-height: calc(var(--zj-ft1_1h) * 1.5);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.so2_la_2p {
    position: relative;
    padding-top: 24px;
    margin-bottom: 12px;
}

.so2_la_2p::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    left: 0;
    top: 0;
}

.so2_la_2p p {
    color: #FFF;
    font-family: inRe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: calc(var(--zj-heasp1a) * 1.5);
    opacity: 0.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

.so2_la_2bt span {
    color: #FFF;
    font-family: inMe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: calc(var(--zj-heasp1a) * 1.5);
    --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);
}

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

@media (max-width: 1536px) {
    .ind_pro {
        padding: 56px 0;
        position: relative;
    }

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

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

    .so2_limg {
        padding-bottom: 68%;
    }

    .so2_l:nth-child(1) .so2_limg {
        padding-bottom: 47%;
    }

    .so2_l:nth-child(2) .so2_limg {
        padding-bottom: 66.4%;
    }

    .so2_la_1te {
        width: calc(100% - 24px);
        padding: 6px 0;
    }

    .so2_la_2 {
        padding: 12px;
        padding-bottom: 24px;
    }

    .so2_la_2h {
        margin-bottom: 14px;
    }

    .so2_la_2p {
        padding-top: 12px;
    }
}

@media (max-width: 1199.9px) {
    .so2_l {
        width: 50%;
    }

    .so2_l:first-child {
        width: 100%;
    }

    .so2_l:nth-child(2) .so2_limg {
        padding-bottom: 68%;
    }
}

@media (max-width: 768px) {
    .so2_l {
        width: 100%;
    }

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

    .so2_limg {
        padding-bottom: 68% !important;
    }
}

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

    .so2_h {
        margin-bottom: 20px;
    }

    .so2_p {
        margin-bottom: 40px;
    }
}

/* ind_discover */
.so6 {
    display: flex;
    align-items: stretch;
}

.so6_1 {
    position: relative;
    width: 50%;
    flex: 0 0 auto;
}

#so6_1sw {
    overflow: hidden;
}

.so6_1swimg {
    padding-bottom: 67%;
    overflow: hidden;
}

.so6_1swimg img {
    transition: all 0.5s ease;
}

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

.so6prev,
.so6next {
    z-index: 16;
}

.so6prev::after,
.so6next::after {
    content: "";
}

.so6prev i,
.so6next i {
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
}

.so6next i {
    transform: rotate(180deg);
}

/*  */
.so6_2 {
    position: relative;
    background: url(../img/so6bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    width: 50%;
    flex: 0 0 auto;
}

#so6_2sw {
    overflow: hidden;
    height: 100%;
}

.so6_2a {
    display: block;
    height: 100%;
    padding: 80px 60px 12px;
}

.so6_2h {
    margin-bottom: 32px;
}

.so6_2h p {
    color: #FFF;
    font-family: osMe;
    font-size: var(--zj-so2_h);
    font-style: normal;
    line-height: calc(var(--zj-so2_h) * 1.25);
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.so6_2p {
    margin-bottom: 64px;
}

.so6_2p p {
    color: #FFF;
    font-family: inRe;
    font-size: var(--zj-venlana);
    font-style: normal;
    line-height: calc(var(--zj-venlana) * 1.5);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.so6_2bta {
    background: #FFF;
    padding: 14px 28px;
}

.so6_2bta span {
    color: #004080;
    font-family: inMe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: 100%;
    text-transform: uppercase;
    --size: 1px;
    --color: #004080;
    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);
}

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

.so6pagination {
    bottom: 14% !important;
}

.so6pagination .swiper-pagination-bullet {
    opacity: 1;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0;
    width: 20%;
    height: 1px;
    margin: 0 15px !important;
    transition: all 0.5s ease;
    position: relative;
}

.so6pagination .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1);
}

.so6pagination .swiper-pagination-bullet::after,
.so6pagination .swiper-pagination-bullet::before {
    position: absolute;
    color: #FFF;
    font-family: osMe;
    font-size: var(--zj-venlana);
    font-style: normal;
    line-height: 100%;
    left: 0;
    bottom: 12px;
}

.so6pagination .swiper-pagination-bullet::before {
    bottom: auto;
    top: 12px;
}

.so6pagination .swiper-pagination-bullet:nth-child(1):after {
    content: "01";
}

.so6pagination .swiper-pagination-bullet:nth-child(1)::before {
    content: "Electricity";
}

.so6pagination .swiper-pagination-bullet:nth-child(2):after {
    content: "02";
}

.so6pagination .swiper-pagination-bullet:nth-child(2)::before {
    content: "Agricultural machinery";
}

.so6pagination .swiper-pagination-bullet:nth-child(3):after {
    content: "03";
}

.so6pagination .swiper-pagination-bullet:nth-child(3)::before {
    content: "Medical equipment";
}

.so6pagination .swiper-pagination-bullet:nth-child(4):after {
    content: "04";
}

.so6pagination .swiper-pagination-bullet:nth-child(4)::before {
    content: "Ship";
}

@media (max-width: 1536px) {
    .so6_2a {
        padding: 28px 14px 12px;
    }

    .so6_2bta {
        padding: 6px 12px;
    }

    .so6_2h {
        margin-bottom: 22px;
    }

    .so6_2p {
        margin-bottom: 44px;
    }

    .so6pagination .swiper-pagination-bullet {
        width: 22%;
        margin: 0 8px !important;
    }
}

@media (max-width: 1199.9px) {
    .so6 {
        flex-direction: column-reverse;
    }

    .so6_1 {
        width: 100%;
    }

    .so6_2 {
        width: 100%;
    }

    #so6_2sw {
        width: 86%;
        margin: auto;
    }

    .so6_2a {
        padding: 40px 0 160px;
    }

    .so6pagination {
        width: 86% !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    .so6pagination .swiper-pagination-bullet {
        width: 22%;
    }
}

@media (max-width: 992px) {
    #so6_2sw {
        width: 92%;
    }

    .so6pagination {
        width: 92% !important;
    }
}

@media (max-width: 642px) {
    .so6pagination {
        bottom: 6% !important;
    }

    .so6pagination .swiper-pagination-bullet {
        width: 20%;
    }

    .so6pagination .swiper-pagination-bullet::before {
        display: none;
    }
}

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

/* ind_support */
.ind_support {
    padding-top: 120px;
    position: relative;
}

.ind_support::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 36px;
    background: #F5F5F5;
    left: 0;
    bottom: 0;
    pointer-events: none;
}

.so3h {
    margin-bottom: 60px;
}

.so3h p {
    color: #222;
    font-family: osMe;
    font-size: var(--zj-so2_h);
    font-style: normal;
    line-height: calc(var(--zj-so2_h) * 1.25);
    text-transform: uppercase;
}

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

.so3_1 {
    position: relative;
    width: 43%;
    flex: 0 0 auto;
}

.so3_1img {
    padding-bottom: 66%;
}

.so3_2 {
    width: 49%;
    flex: 0 0 auto;
}

.so3_2p {
    margin-bottom: 80px;
}

.so3_2p p {
    color: #666;
    font-family: inRe;
    font-size: var(--zj-venlana);
    font-style: normal;
    line-height: calc(var(--zj-venlana) * 1.5);
}

.so3_2bt a {
    color: #666;
    font-family: inRe;
    font-size: var(--zj-venlana);
    font-style: normal;
    line-height: var(--zj-venlana);
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.so3_2bt a span {
    --size: 1px;
    --color: #666;
    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);
}

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

.so3_2bt a i {
    font-size: 12px;
    margin-left: 10px;
    color: rgba(102, 102, 102, 1);
    transition: all 0.3s ease;
}

.so3_2bt a:hover i {
    color: #004080;
}

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

    .so3h {
        margin-bottom: 52px;
    }

    .so3_1 {
        width: 48%;
    }

    .so3_2p {
        margin-bottom: 68px;
    }

    .about2ico {
        position: absolute;
        --w: 54px;
    }
}

@media (max-width: 1199.9px) {
    .so3_box {
        flex-direction: column-reverse;
    }

    .so3_1 {
        width: 600px;
        max-width: 100%;
    }

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

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

    .so3h {
        margin-bottom: 24px;
    }

    .so3_2p {
        margin-bottom: 50px;
    }

    .about2ico {
        --w: 44px;
    }

    .about2ico i {
        font-size: 14px;
    }
}

/* ind_why */
.ind_why {
    padding: 100px 0 120px;
    background: #F5F5F5;
}

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

.so4_1h p {
    color: #222;
    font-family: osMe;
    font-size: var(--zj-so2_h);
    font-style: normal;
    line-height: calc(var(--zj-so2_h) * 1.25);
    text-transform: uppercase;
}

.so4_1bt>a {
    display: block;
    color: #FFF;
    text-align: center;
    font-family: inMe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: var(--zj-heasp1a);
    text-transform: uppercase;
    background: #004080;
    padding: 18px 28px;
}

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

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

/*  */
.so4_2a {
    margin-bottom: 40px;
}

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

.so4_2anum {
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 40px;
}

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

.so4_2anum p {
    color: #004080;
    font-family: osMe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: var(--zj-heasp1a);
}

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

.so4_2_1 {
    width: 64%;
    flex: 0 0 auto;
}

.so4_2_1h {
    margin-bottom: 24px;
}

.so4_2_1h p {
    color: #222;
    font-family: osMe;
    font-size: var(--zj-ft1_1h);
    font-style: normal;
    line-height: var(--zj-ft1_1h);
}

.so4_2_1p p {
    color: #666;
    font-family: inRe;
    font-size: var(--zj-venlana);
    font-style: normal;
    line-height: calc(var(--zj-venlana) * 1.5);
    position: relative;
    padding-left: 18px;
    width: 822px;
    max-width: 100%;
}

.so4_2_1p p::after {
    position: absolute;
    content: "";
    --w: 8px;
    width: var(--w);
    height: var(--w);
    left: 0;
    top: 8px;
    background: #004080;
    border-radius: 50%;
    background: #999;
    border-radius: 50%;
}

.so4_2_2 {
    width: 32%;
    flex: 0 0 auto;
    padding-bottom: 22%;
}

@media (max-width: 1536px) {
    .ind_why {
        padding: 64px 0 68px;
    }

    .so4_1 {
        margin-bottom: 46px;
    }

    .so4_1bt>a {
        padding: 12px 16px;
    }

    .so4_2a {
        margin-bottom: 20px;
    }

    .so4_2anum {
        padding-bottom: 14px;
        margin-bottom: 24px;
    }

    .so4_2_1p p::after {
        top: 6.5px;
    }
}

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

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

    .so4_2_2 {
        width: 400px;
        max-width: 100%;
        padding-bottom: 24%;
    }

    .so4_1bt>a {
        padding: 10px 8px;
    }
}

@media (max-width: 499px) {
    .ind_why {
        padding: 48px 0 46px;
    }

    .so4_2_2 {
        padding-bottom: 66%;
    }

    .so4_2_1p p {
        padding-left: 12px;
    }

    .so4_2_1p p::after {
        --w: 6px;
    }

}



/* ind_news */
.ind_news {
    padding: 144px 0 198px;
    position: relative;
}

.so5h {
    margin-bottom: 48px;
}

.so5h p {
    color: #222;
    font-family: osMe;
    font-size: var(--zj-so2_h);
    font-style: normal;
    line-height: calc(var(--zj-so2_h) * 1.25);
    text-transform: uppercase;
}

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

.so5_1 {
    width: 49%;
    flex: 0 0 auto;
    position: relative;
}

#so5_1sw {
    overflow: hidden;
}

.so5_1swbox {
    display: block;
}

.so5_1swimg {
    padding-bottom: 67%;
    overflow: hidden;
    position: relative;
}

.so5_1swimg::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.90) 100%);
    pointer-events: none;
}

.so5_1swimg img {
    transition: all 0.5s ease;
}

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

.so5_1swte {
    position: absolute;
    width: calc(100% - 64px);
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    padding-bottom: 32px;
    z-index: 12;
}

.so5_1swnum {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.so5_1swnum i {
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
    margin-right: 8px;
    display: block;
}

.so5_1swnum p {
    color: #FFF;
    font-family: inRe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: var(--zj-heasp1a);
}

.so5_1swh {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.so5_1swh span {
    color: #FFF;
    font-family: inBo;
    font-size: var(--zj-ft1_1h);
    font-style: normal;
    line-height: calc(var(--zj-ft1_1h) * 1.5);
    --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);
}

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

#so5_1sw .swiper-button-prev,
#so5_1sw .swiper-button-next {
    z-index: 16;
}

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

#so5_1sw .swiper-button-prev i,
#so5_1sw .swiper-button-next i {
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
}

#so5_1sw .swiper-button-next i {
    transform: rotate(180deg);
}

.so5_2 {
    width: 51%;
    flex: 0 0 auto;
    padding-left: 4%;
}

.so5_2::after {
    position: absolute;
    content: "";
    width: 56%;
    height: calc(100% - 240px);
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../img/so5bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
    pointer-events: none;
}

.so5_2u {
    margin-bottom: 42px;
}

.so5_2l {
    padding: 20px 0;
    position: relative;
}

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

.so5_2l_1::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    left: 0;
    top: 0;
}

.so5_2l:last-child .so5_2l_1::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    left: 0;
    bottom: 0;
}

.so5_2l_1i {
    position: relative;
    flex: 0 0 auto;
    margin-right: 16px;
}

.so5_2l_1i i {
    font-size: 18px;
    color: rgba(255, 255, 255, 1);
    transition: all 0.3s ease;
}

.so5_2l.on .so5_2l_1i i:nth-child(1) {
    opacity: 0;
}

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

.so5_2l.on .so5_2l_1i i:nth-child(2) {
    opacity: 1;
}

.so5_2l_1p p {
    color: #FFF;
    font-family: osMe;
    font-size: var(--zj-ft1_1h);
    font-style: normal;
    line-height: calc(var(--zj-ft1_1h) * 1.5);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.so5_2l.on .so5_2l_2 {
    max-height: 400px;
    opacity: 1;
}

.so5_2l_2p {
    padding-top: 24px;
    padding-left: 34px;
}

.so5_2l_2p p {
    color: #FFF;
    font-family: inRe;
    font-size: var(--zj-venlana);
    font-style: normal;
    line-height: calc(var(--zj-venlana) * 1.5);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.so5_2btn>a {
    display: block;
    color: #FFF;
    text-align: center;
    font-family: inMe;
    font-size: var(--zj-heasp1a);
    font-style: normal;
    line-height: var(--zj-heasp1a);
    text-transform: uppercase;
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 15px 32px;
}

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

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

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

    .so5_2::after {
        height: calc(100% - 113px);
    }

    .so5_2btn>a {
        padding: 12px 18px;
    }
}

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

    .so5_1 {
        width: 100%;
        margin-bottom: 40px;
    }

    .so5_2 {
        width: 100%;
        padding-left: 0;
    }

    .so5_2::after {
        width: 100%;
        height: 70%;
        transform: translateY(0);
        bottom: 0;
        top: auto;
    }
}

@media (max-width: 499px) {
    .ind_news {
        padding: 34px 0 42px;
    }

    .so5h {
        margin-bottom: 24px;
    }

    .so5_1 {
        margin-bottom: 24px;
    }

    .so5_1swnum {
        margin-bottom: 8px;
    }

    .so5_1swte {
        width: calc(100% - 24px);
        padding-bottom: 8px;
    }

    #so5_1sw .swiper-button-prev {
        left: 0;
    }

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

    #so5_1sw .swiper-button-prev i,
    #so5_1sw .swiper-button-next i {
        font-size: 16px;
    }

    .so5_2l {
        padding: 12px 0;
    }

    .so5_2l_2p {
        padding-top: 12px;
        padding-left: 26px;
    }

    .so5_2l_1i {
        margin-right: 12px;
    }

    .so5_2l_1i i {
        font-size: 14px;
    }

    .so5_2btn>a {
        padding: 12px 14px;
    }
}

/* ind_share */
.ind_share {
    padding: 100px 0 120px;
    background: #F5F5F5;
}

.so7_u {
    margin-right: calc(-.5 * 1.9rem);
    margin-left: calc(-.5 * 1.9rem);
}

.so7_l {
    padding-right: calc(1.9rem * .5);
    padding-left: calc(1.9rem * .5);
}

.so7_l>a {
    display: block;
    width: 100%;
}

.so7_1 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 32px;
    flex-direction: column;
}

.so7_1 i {
    margin-bottom: 24px;
    font-size: 32px;
}

.so7_l:nth-child(1) .so7_1 i {
    color: rgba(59, 89, 152, 1);
}

.so7_l:nth-child(2) .so7_1 i {
    color: rgba(51, 51, 51, 1);
}

.so7_l:nth-child(3) .so7_1 i {
    color: rgba(228, 0, 127, 1);
}

.so7_1 p {
    color: #222;
    font-family: inRe;
    font-size: var(--zj-ft1_1h);
    font-style: normal;
    font-weight: 400;
    line-height: calc(var(--zj-ft1_1h) * 1.5);
    transition: all 0.3s ease;
}

.so7_l>a:hover .so7_1 p {
    color: #004080;
}

.so7_1 p span {
    font-family: inBo;
}

.so7_2 {
    overflow: hidden;
}

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

.so7_2 iframe[src=''],
.so7_2 iframe[data-src=''] {
    display: none;
    border: 1px solid #000;
}

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

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

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

    .so7_1 {
        margin-bottom: 22px;
    }

    .so7_1 i {
        margin-bottom: 16px;
        font-size: 23px;
    }
}

@media (max-width: 992px) {
    .so7_l {
        width: 100%;
        margin-bottom: 40px;
    }

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

@media (max-width: 499px) {
    .ind_share {
        padding: 48px 0 54px;
    }

    .so7_1 i {
        margin-bottom: 12px;
        font-size: 20px;
    }
}

/* erji */
/* houmjiade erji */
.ven2_ler {
    position: absolute;
    width: 366%;
    left: 50%;
    transform: translateX(-50%);
    top: 44px;
    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: 12;
}

.heasp2_lbox:hover .ven2_ler {
    max-height: 400px;
    opacity: 1;
    overflow: visible;
}

.ven2_lerbo {
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 10px 1px;
    padding: 10px 12px;
}

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

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

.ven2_lera:hover span {
    color: #004080;
}

/* ·························· */
/* 弹窗 */
.hdwin {
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.53);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.5s ease;
}

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

.hdwin-box {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 0 16px 0 rgba(34, 34, 34, 0.10);
    width: 90%;
    max-width: 763px;
    padding: 22px 44px 45px;
    position: relative;
    overflow: hidden;
}

.hdwin-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px;
}

.hdwin-logo img {
    width: 86px;
    height: auto;
    object-fit: cover;
    object-position: center;
}

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

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

.hdwin .con2-fobt {
    margin-top: 24px;
}

.hdwin .con2-fobt button {
    border-radius: 4px;
    background: #1D89E4;
    padding: 13px 58px;
}

.hdwin-colse {
    position: absolute;
    top: 14px;
    right: 10px;
    --w: 30px;
    width: var(--w);
    height: var(--w);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 12;
    background: #1D89E4;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.5s ease;
}

.hdwin-colse:hover {
    transform: rotate(180deg);
}

.hdwin-colse i {
    font-size: 20px;
    color: #FFF;
    line-height: normal;
    transform: rotate(135deg);
}

@media (max-width: 992px) {
    .hdwin-logo {
        margin-bottom: 14px;
    }

    .hdwin-logo img {
        width: 66px;
    }

    .hdwin-box {
        padding: 22px 22px 35px;
    }
}

@media (max-width: 499px) {
    .hdwin-logo img {
        width: 56px;
    }

    .hdwin .con2-fobt button {
        padding: 6px 38px;
    }

    .hdwin-box {
        padding: 16px 18px 20px;
    }

    .hdwin .con2-fobt {
        margin-top: 12px;
    }

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

/* 表单验证吗 ------------------------- */
.con2_fol {
    position: relative;
}

.spam_code_img {
    position: absolute;
    top: 50%;
    right: 5px;
    display: block;
    width: 90px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.spam_code_img img {
    max-width: 100%;
    height: auto !important;
}

.hdwin-form .con2_fol input,
.hdwin-form .con2_fol textarea {
    border: 1px solid #004080;
}

.ven1_lote {
    margin-left: 6px;
}

.ven1_lote h2 {
    font-family: osMe;
    font-size: var(--zj-so2_h);
    font-style: normal;
    line-height: calc(var(--zj-so2_h) * 1.25);
    color: rgba(0, 152, 228, 1);
}

.ven1_lote p {
    color: #222;
    font-family: inRe;
    font-size: var(--zj-ven2_la);
    font-style: italic;
    line-height: calc(var(ven2_la) * 1.25);
}

@media (max-width: 1536px) {
    .ven1_lote p {
        font-size: 12px;
    }

    .ven2_la span {
        font-size: 13px;
    }
}

@media (max-width: 499px) {
    .ven1_lote {
        display: none;
    }
}
/* ------------------------------------ */
.so6_3swnum {
    transition: all 0.5s ease;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 12px;
    margin-bottom: 6px;
}

.swiper-slide.on .so6_3swnum {
    border-bottom: 1px solid rgba(255, 255, 255, 1);
}

.so6_3swnum p {
    color: #FFF;
    font-family: osMe;
    font-size: var(--zj-venlana);
    font-style: normal;
    line-height: 100%;
}

.so6_3swp p {
    color: #FFF;
    font-family: osMe;
    font-size: var(--zj-venlana);
    font-style: normal;
    line-height: 100%;
}

.so6_3swbox {
    position: absolute;
    width: calc(100% - 60px);
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    z-index: 12;
}

@media (max-width: 499px) {
    .so6_3swbox {
        position: absolute;
        width: calc(100% - 30px);
    }
}