.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}


.page {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: clamp(24px,4vw,50px)
}

    .page span, .page a {
        height: 40px;min-width:40px;
        padding: 0 14px;margin:0 2px;
        line-height: 40px;
        border: 1px #ddd solid;
        display: inline-block;
        color: #333
    }

    .page span {
        background: #266cb5; color: #fff !important
    }

html {
    font-family: 'SONGTISJ','Times New Roman', 'Georgia', serif,'Microsoft YaHei';
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    color: #333;
    font-size: 14px;
}

.line1 *, .line1-b .name, .line1-tit, .line5 *, .f-nav .f-nav-col p, .sp-title, .russia-office h2 {
    font-family: 'SONGTISJ','Times New Roman', 'Georgia', serif,'Microsoft YaHei';
}

.russia-office p {
    font-family: 'Microsoft YaHei',Arial
}

body {
    font-size: 14px;
    overflow-x: hidden;
}

a:hover, a:active, a {
    text-decoration: none !important;
}

    a:hover {
        color: #266cb5 !important
    }


@font-face {
    font-family: 'SONGTISJ';
    src: url('SONGTISJ.TTF') format('truetype');
}

@font-face {
    font-family: 'mydin';
    src: url('din.ttf'), url('din.otf');
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
    font-family: sans-serif
}

body {
    background-color: #fff;
    color: #333;
    font-size: 16px;
    line-height: 2;
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
hgroup,
main,
nav,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    *zoom: 1;
    display: inline-block;
    *display: inline;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden],
template {
    display: none
}

a {
    background: transparent;
    color: #08c;
    -webkit-text-decoration: none;
    text-decoration: none
}

    a:active,
    a:hover {
        outline: 0
    }

    a:hover {
        color: #069
    }

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle
}

svg:not(:root) {
    overflow: hidden
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    word-wrap: break-word;
    overflow: auto;
    white-space: pre;
    white-space: pre-wrap
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    _font-family: "courier new", monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible
}

    button[disabled],
    html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input:focus,
textarea:focus {
    outline: none
}

input {
    line-height: normal
}

    input[type=checkbox],
    input[type=radio] {
        box-sizing: border-box;
        *height: 13px;
        padding: 0;
        *width: 13px
    }

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search] {
        -webkit-appearance: textfield;
        box-sizing: content-box
    }

        input[type=search]::-webkit-search-cancel-button,
        input[type=search]::-webkit-search-decoration,
        input[type=text] {
            -webkit-appearance: none
        }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    *margin-left: -7px;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

optgroup {
    font-weight: 700
}

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

td,
th {
    padding: 0
}

q {
    quotes: none
}

button,
html,
input,
select,
textarea {
    font-family: "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif
}

blockquote,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0
}

dd,
dl,
li,
ol,
ul {
    margin: 0;
    padding: 0
}

ol,
ul {
    list-style: none outside none
}

h1,
h2,
h3 {
    font-weight: 400;
    line-height: 2
}

h1 {
    font-size: 18px
}

h2 {
    font-size: 15.6px
}

h3 {
    font-size: 14.04px
}

h4 {
    font-size: 12px
}

h5,
h6 {
    font-size: 10.2px;
    text-transform: uppercase
}

input:-moz-placeholder,
input::-moz-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder {
    color: #ccc
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #ccc
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ccc
}

html {
    overflow: hidden;
    overflow-y: scroll
}

button,
input,
select,
textarea {
    border: none;
    border-radius: 0;
    outline: none;
    padding: 0
}

* {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box
}

img {
    -ms-interpolation-mode: nearest-neighbor;
    display: inline-block;
    image-rendering: crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -o-crisp-edges;
    max-width: 100%
}

.clear {
    clear: both
}


a {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0)
}

input,
select {
    outline: none
}

    input::-ms-clear {
        display: none
    }

@media only screen and (min-width: 360px) {
    html {
        font-size: 26px !important
    }
}

@media only screen and (min-width: 435px) {
    html {
        font-size: 30px !important
    }
}

@media (min-width: 769px) {
    html {
        font-size: 34px !important
    }
}

@media only screen and (min-width: 1024px) {
    html {
        font-size: 28px !important
    }
}

@media only screen and (min-width: 1200px) {
    html {
        font-size: 30px !important
    }
}

@media only screen and (min-width: 1440px) {
    html {
        font-size: 34px !important
    }
}

@media only screen and (min-width: 1680px) {
    html {
        font-size: 40px !important
    }
}

::-webkit-scrollbar {
    height: 5px;
    width: 5px
}

::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .1)
}

::-webkit-scrollbar-thumb {
    background: #000
}

.header,
.contain,
.footer {
    width: 100%;
}

.section {
    width: 98%;
    max-width: 1600px;
    margin: 0 auto;
    overflow: hidden
}

header {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 999;
    left: 0;
    transition: all 0.2s;
    border-bottom: 1px #ffffff80 solid
}

    header.lighted {
        position: fixed;
        background: linear-gradient(180deg, #19568b, transparent);
    }
@media (max-width:768px) {
    header {
        position: relative;
        width: 100%;
        background: #266cb5
    }
}
    .top {
        /* background-image: linear-gradient(to bottom,rgba(0, 0, 0, .8),rgba(0, 0, 0, 0));*/
        display: flex;
        justify-content: space-between;
        align-items: center;
        transition: .3s;
        width: 100%;
        max-width: 1600px;
        margin: 0 auto;
    }

    .logo {
        padding: 1.23vw 0;
    }

    .head .top {
        background: transparent;
    }

    .topblack {
        padding: 10px 45px;
        background: rgba(0,0,0,.8);
    }

    .logo a {
        display: none;
    }

        .logo a.on {
            display: block;
        }

    .head .logo a {
        display: block;
    }

        .head .logo a.on {
            display: none;
        }

    header .logo a img {
        width: 100%;
        max-width: 517px;
    }

    .caidan {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 998;
        display: none;
    }

        .caidan dl {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: space-between;
        }

            .caidan dl dt {
                display: flex;
                align-items: flex-end;
                justify-content: center;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                width: 50%;
            }

        .caidan dd {
            width: 50%;
            padding-left: 10%;
            overflow: hidden;
        }

        .caidan ul {
            display: flex;
            flex-wrap: wrap;
            align-content: space-between;
            height: 100%;
            padding: 20% 0px;
        }

        .caidan li {
            width: 100%;
        }

            .caidan li a {
                font-size: 30px;
                line-height: 50px;
                font-weight: 300;
                color: #999;
                padding-left: 50px;
                position: relative;
                text-transform: uppercase
            }

                .caidan li.on a:after, .caidan li a:hover:after {
                    content: "";
                    position: absolute;
                    width: 11px;
                    height: 11px;
                    border-radius: 50%;
                    top: 50%;
                    margin-top: -5px;
                    left: -6px;
                    background: #c8b254;
                }

                .caidan li a:before {
                    content: "";
                    position: absolute;
                    width: 0;
                    height: 1px;
                    top: 50%;
                    left: calc(100% + 50px);
                    background: #c8b254;
                    transition: width .5s;
                }

                .caidan li.on a:before, .caidan li a:hover:before {
                    width: 200%;
                }

                .caidan li.on a, .caidan li a:hover {
                    color: #266cb5;
                    font-weight: normal;
                }

    .yc {
        display: block;
    }

    .yd {
        display: none;
    }

    .bigmenu {
        display: none
    }

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

        .head .language {
            display: none;
        }

        .caidan dl dt {
            width: 50%;
        }

        .caidan dd {
            width: 50%;
            padding-left: 0;
        }

        .caidan ul {
            display: block;
            padding: 80px 0px 0;
        }

        .caidan li a {
            display: block;
            font-size: 15px;
            line-height: 44px;
            padding-left: 40px;
        }

            .caidan li.on a:after, .caidan li a:hover:after {
                display: none;
            }

            .caidan li a:before {
                display: none;
            }
    }

    .menu {
        width: 65%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .nav-menu {
        width: 56%;
        margin-right: 13%;
    }

    .head .nav-menu {
        display: none;
    }

    .nav-menu ul {
        display: flex;
        justify-content: space-between;
    }

    .nav-menu li {
        position: relative;
        flex: 1
    }

        .nav-menu li > a {
            display: block;
            width: 100%;
            line-height: 100px;
            color: #fff;
            font-size: 18px;
            padding: 0px 5px;
            position: relative;
            text-align: center;
            text-transform: uppercase
        }

            .nav-menu li > a::after {
                content: "";
                height: 3px;
                width: 0;
                position: absolute;
                top: 100%;
                left: 50%;
                background: #266cb5 !important;
                transform: translateX(-50%);
                transition: width 0.5s cubic-bezier(0.68,-0.55,0.265,1.55);
            }

        .nav-menu li:hover a::after {
            width: 100%
        }

        .nav-menu li > div {
            position: absolute;
            top: calc(100% + 4px);
            width: auto;
            height: 0;
            overflow: hidden;
            transform: translateY(-100%);
            transition: height 0.5s cubic-bezier(0.68,0.265,-0.55,1.55);
            min-width: 100%
        }

        .nav-menu li:hover div {
            height: auto;
            transform: translateY(0);
        }

        .nav-menu li > div > a {
            width: 100%;
            background: #fff;
            font-size: 16px;
            display: block;
            height: 40px;
            line-height: 40px;
            text-align: center;
            color: #333;
            white-space: nowrap;
            padding: 0 10px
        }

        .nav-menu li > a:hover {
            color: #fff !important
        }

        .nav-menu li > div > a:hover {
            color: #266cb5 !important
        }

    @media (max-width:1440px) {
        .logo {
            max-width: 260px;
            padding: 0
        }

        .menu {
            width: 75%;
        }

        .nav-menu li > a {
            line-height: 60px;
            font-size: 14px;
        }
    }

    @media (max-width:992px) {
        .top {
            padding: 10px 15px;
            background: transparent;
        }

        .logo {
            width: auto;
        }

            .logo img {
                width: auto;
                height: auto;
            }

        .menu {
            width: auto;
            justify-content: space-between;
        }

        .nav-menu {
            display: none;
        }
    }

    .language {
        width: 7.85vw;
        position: relative;
        cursor: pointer;
        margin: 0px;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-left: 1px #ffffff80 solid
    }

        .language .iconfont {
            font-size: 24px;
            color: #fff
        }

    .function {
        max-width: 60px;
        min-width: 55px;
        justify-content: space-between;
        display: none;
        margin-right: 60px
    }

    @media (max-width:1440px) {
        .function {
            min-width: 60px;
        }
    }

    @media (max-width:992px) {
        .language {
            width: auto;
            margin: 0px 0 0 20px;
        }

        .function {
            max-width: none;
            min-width: auto;
            display: flex;
        }
    }

    .language span {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        z-index: 3;
        background: #fff;
        border-radius: 50px;
        padding: 0px 20px;
    }

    .language p {
        color: #333;
        font-size: 14px;
        line-height: 42px;
    }

    .language:hover p, .language.lg-white p {
        color: #333;
    }

    .language h5 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 42px 0px 0px;
        background: #fff;
        border-radius: 10px;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);
        opacity: 0;
        transition: .3s;
    }

        .language h5 a {
            display: none;
            line-height: 46px;
            font-size: 16px;
            text-align: center;
            font-family: avenir,arial;
            color: #000;
            transition: .5s;
        }

            .language h5 a:hover {
                letter-spacing: 5px;
                text-decoration: underline;
            }

    .language:hover h5 {
        opacity: 1;
    }

        .language:hover h5 a {
            display: block;
        }

    @media (max-width:992px) {
        .language {
            margin: 0 10px 0px 0px;
            padding: 0px 10px;
        }

            .language h5 {
                padding: 30px 0px 0px;
                border-radius: 5px;
                box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
            }

                .language h5 a {
                    line-height: 40px;
                    font-size: 14px;
                }
    }

    .search {
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background: #c3262f;
        position: relative;
        z-index: 8;
        cursor: pointer;
    }

        .search .sousuo {
            position: absolute;
            width: 55px;
            height: 100%;
            right: 0;
            top: 0;
            overflow: hidden;
            transition: .5s;
            border-radius: 28px;
        }

        .search .sousuoBox {
            width: 255px;
            height: 100%;
            position: absolute;
            right: 0;
            left: 0;
            background: #c3262f;
            border-radius: 28px;
            display: flex;
            align-items: center;
        }

            .search .sousuoBox button, .search .sousuoBox input[type="submit"] {
                width: 55px;
                border-radius: 50%;
                border: 0;
                height: 100%;
                background: url(../images/fdj.png) center no-repeat;
            }

            .search .sousuoBox input {
                width: 170px;
                height: 30px;
                line-height: 24px;
                padding: 3px 15px 3px 0px;
                color: #fff;
                font-size: 14px;
                outline: none;
                background: transparent;
                border: 0;
                border-bottom: 1px solid rgba(255, 255, 255, .4);
            }

        .search:hover .sousuo {
            width: 255px;
        }

    @media (max-width:1440px) {
        .search {
            width: 45px;
            height: 45px;
        }

            .search .sousuo {
                width: 45px;
                border-radius: 23px;
            }

            .search form {
                border-radius: 23px;
            }

                .search form button {
                    width: 45px;
                }

                .search form input {
                    height: 25px;
                    line-height: 19px;
                    padding: 3px 15px 3px 0px;
                    font-size: 14px;
                }
    }

    @media (max-width:992px) {
        .search {
            display: none;
        }
    }

    .bigmenu {
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background: #266cb5 url(../images/mupic.png) center no-repeat;
        cursor: pointer;
    }

        .bigmenu.guan {
            background: #266cb5 url(../images/close.png) center no-repeat;
            background-size: 36% auto;
        }

    .home {
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
    }

        .home .section {
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
        }



    /*footer*/

    .footer {
        background: #494949;
        overflow: hidden
    }

    .line-w {
        position: relative;
    }

    .f-nav {
        padding: 4% 0 5.2% 0
    }

        .f-nav .f-nav-box > div {
            min-height: 200px;
            border-right: 1px #5c5c5c solid
        }

            .f-nav .f-nav-box > div:last-child {
                border-right: none
            }

        .f-nav p {
            font-size: 16px;
            color: #fff;
            text-transform: capitalize;
            padding-bottom: 5px;
            margin-bottom: 0;
            text-align: center;
        }

        .f-nav a {
            color: #888;
            font-size: 16px;
            line-height: 26px;
            display: block;
            color: #888;
            text-align: center;
        }

    .en.f-nav a, .en.f-nav p {
        text-align: left;
    }

    .rwm {
        font-size: 16px;
        color: #888888;
    }

        .rwm div {
            text-align: center;
            width: 100%;
            color: #888888;
            display: flex;
            align-items: center;
            flex-direction: column;
            line-height: 1.2
        }

        .rwm img {
            width: 100%;
            max-width: 128px;
            display: inline-block;
            margin: 15px 0
        }

    .f-copy {
        padding: 16px 0;
        color: #fff;
        background: #333333;
        font-size: 14px;
        position: relative;
    }

    #backToTop {
        position: absolute;
        bottom: 0;
        right: 0
    }


    .f-nav .lxwm {
        font-size: 16px;
        color: #888;
        line-height: 24px;
        margin-top: 24px
    }

    .f-copy .box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%
    }

    .f-copy div.fr {
        text-align: right
    }

    .f-copy .fr a,.f-copy .fr span {
        display: flex;
        align-items: center;color:#fff;font-size:14px
    }

    .f-copy select {
        width: 230px;
        height: 35px;
        color: #fff;
        background: #333333;
        border: 1px #616161 solid;
    }

    @media (min-width: 992px) {
        .f-nav .col-md-1 {
            width: 11.5%;
        }

        .f-nav .col-md-5 {
            width: 41%;
        }

        .f-nav .col-md-4 {
            width: 24%;
        }

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

    @media (max-width: 768px) {
        .f-copy .box {
            flex-direction: column;
            justify-content: center;
        }

            .f-copy .box .fr {
                display: flex;
                flex-direction: column;
                justify-content: center;
                margin-top: 10px;
            }

        .f-nav .f-nav-box > div {
            min-height: auto;
            margin-bottom: 2vw
        }
    }








    @media (max-width:1440px) {
        .bigmenu {
            width: 45px;
            height: 45px;
        }
    }

    @media (max-width:992px) {
        .bigmenu {
            width: 35px;
            height: 35px;
        }
    }
    /* ========== line2 产品展示 ========== */
    .line2 {
        background: #ececec;
    }

        .line2 .h-tit {
            padding: 3vw 0 4vw;
        }

    .h-tit span {
        font-size: 42px;
        color: #000;
        padding-bottom: 15px;
        position: relative;
        line-height: 1;
    }

        .h-tit span::after {
            content: "";
            height: 4px;
            background: #2778cd;
            width: 60%;
            position: absolute;
            bottom: 0;
            left: 50%;
            margin-left: -30%;
        }

    .text-left.h-tit span::after {
        left: 0;
        margin-left: 0;
    }
    /*cp*/
    .hpro-main {
        position: relative;
    }

    .hpro-item {
        border: 1px solid #d5d5d5;
        transition: all 0.5s;
        background-color: #fff;
        padding-top: 33px;
        padding-bottom: 56px;
    }

    .hpro-intro {
        font-family: "sRegular";
        padding: 0 35px;
    }

        .hpro-intro h3 {
            font-size: 22px;
            line-height: 24px;
            color: #333;
            height: 24px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
        }


    .hpro-btn {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

        .hpro-btn a {
            display: block;
            width: 126px;
            height: 48px;
            line-height: 46px;
            text-align: center;
            font-family: "sRegular";
            margin: 0 9px;
            transition: all 0.5s;
        }

    .hpro-more {
        color: #333;
        border: 1px solid #767676;
    }


        .hpro-more:hover {
            background-color: #266cb5;
            color: #fff !important;
            border-color: #266cb5;
        }

.cp {
    padding-top: clamp(20px,2.5vw,50px)
}
.cp .hpro-item {
    margin-bottom: clamp(20px,2vw,35px)
}
.hpro-img {
    width: 100%;
    aspect-ratio: 1/1.09;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

        .hpro-img img {
            max-width: 100%;
            max-height: 100%;
            transition: all 0.5s;
        }

    .hpro-item:hover {
        box-shadow: 2px 2px 15px #d3d3d3;
        border-color: transparent;
    }

        .hpro-item:hover .hpro-img img {
            transform: scale(1.1);
        }

        .hpro-item:hover .hpro-more {
            background-color: #266cb5;
            color: #fff;
            border-color: #266cb5;
        }

    .hpro-swiper {
        padding-bottom: 70px;
        position: relative;
    }

        .hpro-swiper > .swiper-pagination-bullets {
            bottom: 0px;
        }

        .hpro-swiper .swiper-pagination {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            justify-content: center;
        }

        .hpro-swiper .swiper-pagination-bullet {
            width: 16px;
            height: 16px;
            background-color: #c1c1c1;
            border-radius: 2px;
            opacity: 1;
            margin: 0 9px !important;
            transition: all 0.3s ease;
        }

        .hpro-swiper .swiper-pagination-bullet-active {
            background-color: #266cb5;
            border-radius: 2px;
        }

    .all-pro {
        text-align: center;
        display: block;
        font-family: "sRegular";
        margin: 16px 0 2.5vw 0;
        text-transform: uppercase
    }

        .all-pro span {
            font-size: 18px;
            line-height: 18px;
            display: inline-block;
            border-bottom: 2px solid #b0b0b0;
            color: #666;
            transition: all 0.5s;
        }

            .all-pro span:hover {
                color: #266cb5;
                border-bottom-color: #266cb5;
            }

    .qcontainer {
        height: 40%;
        width: 100%;
        background: none;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 0;
    }

    @keyframes completedPulse {
        0% {
            transform: scale(1);
        }

        50% {
            transform: scale(1.15);
        }

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

    .swiper-slide {
        cursor: pointer
    }
    /*line3*/
    .line3 {
        background: #ececec url("../images/line2bg.jpg") no-repeat top center;
        background-size: 100% 100%;
        background-attachment: fixed;
        padding: 3.5vw 0 0 0;
    }

    .line3-h, .h-tit span, .line6 .line-title {
        font-size: clamp(24px,2.8vw,41px);
        color: #171717
    }

    .line3-h {
        color: #fff;
        text-align: center
    }

    .line3-w {
        max-width: 1080px;
        margin: 2vw auto;
        color: #fff;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5; /* 限制 5 行 */
        overflow: hidden;
        line-height: 1.777;
        font-size: 18px;
        text-indent: 36px
    }

    .line3-more {
        width: 180px;
        height: 50px;
        border-radius: 50px;
        text-align: center;
        color: #fff;
        border: 2px #fff solid;
        line-height: 50px;
        display: block;
        margin: 0 auto;
        font-size: 16px
    }

    .line3_b_w {
        margin-top: 95px;
        height: 470px;
        display: flex;
        align-items: flex-end;
    }

        .line3_b_w .b {
            height: 180px;
            width: 100%;
            background: #ececec;
            padding-bottom: 3.5vw;
            display: flex;
            align-items: flex-end;
            box-sizing: content-box
        }

    .line3_b {
        height: 405px;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        background: #ffffff;
        width: 98%;
        margin: 0 auto;
        max-width: 1600px
    }

    .line3_b_box {
        flex: 1;
        height: 405px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        transition: all 0.2s;
        position: relative
    }

        .line3_b_box:nth-child(2):after {
            height: 125px;
            width: 1px;
            background: #ebebeb;
            content: "";
            right: 0;
            top: 50%;
            margin-top: -63px;
            position: absolute
        }

        .line3_b_box img {
            transition: all 0.5s;
        }

        .line3_b_box:hover img {
            transform: scaleX(-1);
        }

        .line3_b_box .txt {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .line3_b_box i.iright {
            display: block;
            width: 40px;
            height: 40px;
            border-radius: 40px;
            border: 1px #022963 solid;
            background: url("../images/line3-i.png") no-repeat center;
            transition: all 0.2s
        }

        .line3_b_box h2 {
            font-size: 20px;
            line-height: 1;
            font-weight: bold;
            color: #333
        }

        .line3_b_box .c {
            max-width: 285px;
            color: #979797;
            font-size: 14px;
            line-height: 18px;
            margin: 10px 0 28px 0;
            text-align: center
        }

        .line3_b_box.on {
            background: #0b50b7;
            height: 445px;
        }

        .line3_b_box:hover {
            height: 445px;
        }

        .line3_b_box.on * {
            color: #fff;
        }


        .line3_b_box:hover i.iright {
            background: #042961 url("../images/line3-ih.png") no-repeat center;
            border: 3px #c6dffe solid;
            box-sizing: content-box
        }

        .line3_b_box.on i.iright {
            border: 1px #fff solid !important;
            background: url("../images/line3-ih.png") no-repeat center;
        }

    @media (max-width: 996px) {
        .line3_b {
            flex-direction: column;
            height: auto
        }

        .line3_b_box {
            width: 100%;
            border-bottom: 1px #ddd solid;
            padding-bottom: 20px
        }

        .line3_b_w, .line3_b_w .b {
            height: auto
        }
    }



    .z .product-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2vw 3.5vw;
    }

    .z .product-card {
        border: 1px #e4e4e4 solid;
        display: block
    }

    .product-card {
        background: #fff;
        padding: 8px 8px 32px;
        text-align: center;
        transition: all 0.3s ease;
        cursor: pointer;
    }

        .product-card:hover {
            box-shadow: 0 12px 40px rgba(0,0,0,0.1);
        }

    .product-img {
        width: 100%;
        aspect-ratio: 358/270;
        overflow: hidden;
        border-radius: 4px;
        background: #f8f8f8;
        margin-bottom: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .product-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.4s ease;
        }

    .product-card:hover .product-img img {
        transform: scale(1.05);
    }

    .product-name {
        font-size: 18px;
        color: #333;
        margin-bottom: 10px;
        text-transform: capitalize
    }

    .product-plus {
        width: 30px;
        height: 30px;
        margin: 0 auto;
        color: #c7140f;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px !important;
        font-weight: 100;
        line-height: 1;
        transition: all 0.3s ease;
    }

    .product-card:hover .product-plus {
        background: #266cb5;
        color: #fff;
        transform: rotate(90deg);
    }

    .line-title-wrap {
        margin-bottom: 20px;
        text-align: center
    }

    .line2 .line-title {
        padding: 10px 0
    }

   

    @keyframes simpleBounce {

        0%, 100% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(10px);
        }
    }
    /*line6*/

    .line6 {
        padding-top: 2.2vw
    }

    .linee3 {
        padding: 2.2vw 0 2.3vw 0;
    }

        .linee3 div a {
            border: 0;
            display: flex;
            width: 90%;
            margin: 0 auto 20px auto;
        }

        .linee3 .time {
            width: 100px;
            color: #999999;
            font-family: 'mydin','Microsoft YaHei UI';
            line-height: 1;
            position: static;
            background: none;
            margin-right: 10px;
            white-space: nowrap
        }

        .linee3 .news-Ainfo {
            width: calc(100% - 100px);
            padding: 0 20px;
            border-left: 1px #e5e5e5 solid
        }

            .linee3 .news-Ainfo p {
                color: #666;
                line-height: 1.75;
                font-size: 16px;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden;
                word-break: break-all
            }

            .linee3 .news-Ainfo h2 {
                line-height: 1.2;
                width: 100%;
                overflow: hidden;
                height: 26px;
                text-overflow: ellipsis;
                font-size: 21px;
                margin: 0;
                margin-bottom: 10px;
                color: #333;
                white-space: nowrap;
                flex: 0 1 auto;
                width: 100%;
                max-width: 400px
            }

            .linee3 .news-Ainfo i {
                display: block;
                font-size: 26px;
                color: #c6c6c6;
                line-height: 32px;
                border-radius: 100%;
                margin-top: 20px;
                width: 32px
            }

        .linee3 a:hover .time, .linee3 a:hover * {
            color: #266cb5;
        }

        .linee3 a:hover {
            transform: translateX(5px);
            transition: all 0.2s
        }

    .font-30 {
        font-size: 0.375rem;
    }

    .font-32 {
        font-size: 32px;
    }

    .font-36 {
        font-size: 36px;
    }

    .font-22 {
        font-size: 0.275rem
    }


    @media (max-width: 1200px) {
        .z .product-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 768px) {
        .z .product-grid {
            grid-template-columns: repeat(1, 1fr);
            gap: 2vw;
        }
    }



    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(30px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

   

    .z .section {
        max-width: 1600px
    }

  
.tabW {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.zHeads .section .tab {
    width: 352px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


    .zHeads .section .tab a {
        height: 80px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1.2;
        margin: 0 10px;
        flex: 1;
        text-align: center;
        color: #333333;
        font-size: 16px;
    }


    @media (max-width: 768px) {
        .zHeads{height:auto}
        .zHeads .section .tab {
            width: 100%
        }
    }

.zHeads .section .tab a:before {
    content: " ";
    position: absolute;
    top: 50%;
    right: 0;
    height: 20px;
    width: 2px;
    background: #e1e1e1;
    margin-top: -10px
}

.zHeads .section .tab a:last-child:before {
    display: none
}

.zHeads .section .tab a.on {
    color: #006abc;
    border-bottom: 3px #006abc solid
}

  

.zHeads {
    height: 80px;
    line-height: 80px;
    color: #666666;
    font-size: 14px;
}

    .zHeads a {
        color: #666666;
    }

    .zTit {
        font-size: 49px;
        text-align: center;
        color: #000;
        padding: 3vw 0;
        line-height: 1;
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-timing-function: ease;
        animation-name: fadeInDown
    }

    @keyframes fadeInDown {
        0% {
            opacity: 0;
            transform: translateY(-20px)
        }

        to {
            opacity: 1;
            transform: translateY(0)
        }
    }

    .fadeInDown {
        animation-name: fadeInDown
    }

    @media (max-width: 991px) {
        .zTit {
            padding: 10vw 0 5vw 0;
            font-size: 28px;
        }
    }

    @media (min-width: 991px) {
        .zTit {
            font-size: 32px;
        }
    }

    @media (min-width: 1080px) {
        .zTit {
            font-size: 38px;
        }
    }

    @media (min-width: 1400px) {
        .zTit {
            font-size: 49px;
        }
    }

    .aritive {
        font-size: 18px;
        line-height: 45px;
    }

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

        .jj span {
            font-size: 64px;
            color: #c79846;
            font-weight: bold;
            font-family: Arial;
            display: flex;
            align-items: center;
        }

        .jj .info {
            font-size: 14px;
            font-weight: bold;
            color: #666666;
            line-height: 24px;
            background: url(../images/jj0.jpg) no-repeat 12px center;
            padding-left: 40px;
        }

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

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

    .jjbox sup {
        font-size: 16px;
        font-weight: normal
    }

    @media (max-width: 991px) {
        .jj {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-direction: column;
        }
    }

    .jjbox i {
        font-style: normal;
    }
    /**/

    .fsc {
        display: flex;
        display: -webkit-flex;
        justify-content: flex-start;
        align-items: center;
    }

    .fccc {
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }



    .about3box .mainbox {
        padding-bottom: 66px;
        padding-top: 3vw;
    }


        .about3box .mainbox .zhubox .partbox {
            width: 100%;
            height: 375px;
            border-radius: 22px;
            overflow: hidden;
            box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
            background-color: #f2f2f2;
            text-align: center;
            position: relative;
            cursor: pointer
        }

            .about3box .mainbox .zhubox .partbox .iconbox {
                position: relative;
                z-index: 4;
                height: 96px;
            }

                .about3box .mainbox .zhubox .partbox .iconbox img {
                    height: 100%;
                }

                    .about3box .mainbox .zhubox .partbox .iconbox img:last-child {
                        display: none
                    }

            .about3box .mainbox .zhubox .partbox:hover .iconbox img:last-child {
                display: block
            }

            .about3box .mainbox .zhubox .partbox:hover .iconbox img:first-child {
                display: none
            }

            .about3box .mainbox .zhubox .partbox .title {
                font-size: 30px;
                color: #333;
                position: relative;
                z-index: 4;
                line-height: 1;
                margin-top: 5px
            }

            .about3box .mainbox .zhubox .partbox .entitle {
                font-size: 18px;
                color: #333;
                position: relative;
                z-index: 4;
            }

            .about3box .mainbox .zhubox .partbox .des {
                font-size: 22px;
                line-height: 1.25;
                color: #fff;
                opacity: 0;
                position: relative;
                z-index: 4;
                margin-top: 26px;
                transition: 1s;
                transform: translateY(20px);
            }

    @media (max-width:1500px) {
        .about3box .mainbox .zhubox .partbox .des {
            font-size: 18px;
        }
    }

    @media (max-width:1300px) {
        .about3box .mainbox .zhubox .partbox .des {
            font-size: 16px;
        }
    }

    @media only screen and (max-width: 992px) {
        .about3box .mainbox .zhubox .flexbox {
            flex-direction: column;
        }

        .about3box {
            width: 96%;
            margin: 0 auto
        }
    }

    .about3box .mainbox .zhubox .partbox .markbox {
        width: 83px;
        height: 83px;
        border-radius: 50%;
        box-sizing: border-box; /*border: 1px dashed #6c6c6c;*/
        position: absolute;
        left: 50%;
        bottom: 28px;
        transform: translateX(-50%);
        transition: 0.6s;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .about3box .mainbox .zhubox .partbox .markbox:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            box-sizing: border-box;
            border: 1px dashed #6c6c6c;
            position: absolute;
            top: 0;
            left: 0;
            animation: zqdh 6s linear infinite;
        }

        .about3box .mainbox .zhubox .partbox .markbox .mark2 {
            width: 67px;
            height: 67px;
            border-radius: 50%;
            box-sizing: border-box;
            border: 1px solid #6c6c6c;
            color: #6c6c6c;
            position: relative;
        }

            .about3box .mainbox .zhubox .partbox .markbox .mark2:after, .about3box .mainbox .zhubox .partbox .markbox .mark2:before {
                content: "";
                display: block;
                width: 16px;
                height: 1px;
                background-color: #6c6c6c;
                position: absolute;
                top: 50%;
                left: 24px;
            }

            .about3box .mainbox .zhubox .partbox .markbox .mark2:after {
                transform: rotateZ(90deg);
            }

    .about3box .mainbox .zhubox .partbox:after {
        content: "";
        display: block;
        width: 2px;
        height: 2px;
        border-radius: 50%;
        position: absolute;
        bottom: 70px;
        left: 50%;
        background-color: #bd9765;
        transition: 1.2s;
        z-index: 0;
        opacity: 0;
    }

    .about3box .mainbox .zhubox .partbox:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #f2f2f2 url(../images/about3partbg.png) center center no-repeat;
        background-size: cover;
        opacity: 0;
        z-index: -1;
        transition: 1.2s;
    }

    .about3box .mainbox .zhubox .partbox:hover .markbox {
        transform: translateX(-50%) scale(0);
    }

    .about3box .mainbox .zhubox .partbox:hover:after {
        transform: scale(500);
        opacity: 1;
    }

    .about3box .mainbox .zhubox .partbox:hover:before {
        opacity: 1;
        z-index: 2;
    }

    .about3box .mainbox .zhubox .partbox:hover .title {
        color: #fff;
    }

    .about3box .mainbox .zhubox .partbox:hover .entitle {
        color: #fff;
    }

    .about3box .mainbox .zhubox .partbox:hover .des {
        opacity: 1;
        transform: translateY(0px);
    }

    .about3box .mainbox .zhubox .jiantou {
        padding: 0 20px;
    }

        .about3box .mainbox .zhubox .jiantou img {
            max-width: 60px
        }

    @keyframes zqdh {
        100% {
            transform: rotateZ(360deg);
        }
    }

    /*荣誉*/
    .tec-li .col-md-4 {
        margin-bottom: 3vw
    }

    .tec-li .a {
        display: block;
        width: 98%;
        margin: 0 auto;
        box-shadow: 0 0 5px 1px #00000030
    }

    .tec-img {
        width: 100%;
        overflow: hidden;
        height: auto;
        display: flex;
        align-items: center;
        /*justify-content:center;*/
        background: #f7f1e9;
    }

        .tec-img img {
            display: block;
            margin: 0 auto;
            padding: 2.6vw;
            max-width: 100%;
            min-height: 100%;
        }

    .tec-li .col-md-4 {
        padding-left: 1.8vw;
        padding-right: 1.8vw;
    }


    .tec-li a span {
        font-size: 16px;
        line-height: 50px;
        height: 50px;
        text-align: center;
        display: block;
        width: 100%;
        padding: 10px;
        box-sizing: initial;
        color: #333;
    }
    /*历史*/
    .history-block {
        padding-bottom: 85px;
    }

        .history-block .swiper-top {
            position: relative;
            border-bottom: 1px solid #e5e5e5;
            padding: 3.6% 0 5%;
        }

            .history-block .swiper-top .swiper-slide {
                display: flex;
                align-items: center;
            }

            .history-block .swiper-top .big-year {
                width: 100%;
                justify-content: center;
                text-align: center;
                font-size: clamp(15px, 25vw, 475px);
                line-height: 0.9em;
                color: rgba(51, 51, 51, 0.05);
            }

            .history-block .swiper-top .cont-text {
                margin-left: -100%;
                width: 100%;
                padding: 0 80px;
                color: #333333;
                margin-top: -35px
            }

                .history-block .swiper-top .cont-text .year {
                    font-size: 64px;
                    font-family: "zfdhjt";
                    line-height: 0.8em;
                }

                .history-block .swiper-top .cont-text .title {
                    font-size: 28px;
                    line-height: 1.4em;
                }

                .history-block .swiper-top .cont-text .list {
                    margin-top: 6px;
                    font-size: 16px;
                    line-height: 28px;
                    color: #333;
                }

                .history-block .swiper-top .cont-text .color-main {
                    font-size: 24px;
                    color: #c3262f;
                    margin: 10px 0;
                    display: block;
                }

            .history-block .swiper-top .swiper-btn {
                margin-top: -30px;
                position: absolute;
                top: 50%;
                z-index: 2;
            }

                .history-block .swiper-top .swiper-btn.prev {
                    left: 0;
                }

                .history-block .swiper-top .swiper-btn.next {
                    right: 0;
                }

        .history-block .swiper-year {
            margin-top: -1px;
        }

            .history-block .swiper-year .word {
                display: inline-block;
                position: relative;
                vertical-align: top;
                cursor: pointer;
                padding-top: 25px;
                padding-bottom: 25px;
                font-size: 20px;
                line-height: 1.4em;
                color: #666666;
            }

                .history-block .swiper-year .word::before {
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 2px;
                    background: #c3262f;
                    opacity: 0;
                }

            .history-block .swiper-year .swiper-slide-thumb-active .word {
                color: #6b6b6b;
            }

                .history-block .swiper-year .swiper-slide-thumb-active .word::before {
                    opacity: 1;
                }

    @media (max-width: 1600px) {
        .history-block {
            padding-top: 85px;
            padding-bottom: 55px;
        }
    }

    @media (max-width: 1200px) {
        .swiper-btns .swiper-btn .self-svg {
            height: 40px !important;
            width: 40px !important;
            font-size: 14px !important;
        }

        .history-block {
            padding-top: 0.65rem;
            padding-bottom: 0.5rem;
        }

            .history-block .swiper-top {
                padding: 0.3rem 0 0.35rem;
            }

                .history-block .swiper-top .big-year {
                    font-size: 2.9rem;
                }

                .history-block .swiper-top .cont-text {
                    padding: 0 0.8rem;
                }

                    .history-block .swiper-top .cont-text .year {
                        font-size: 20px !important;
                    }

                    .history-block .swiper-top .cont-text .title {
                        margin-top: 0.15rem;
                        font-size: 0.3rem;
                    }

                    .history-block .swiper-top .cont-text .list .color-main {
                        display: none !important
                    }

                    .history-block .swiper-top .cont-text .list {
                        margin-top: 10px !important;
                        font-size: 14px;
                        line-height: 1.2 !important;
                    }

            .history-block .swiper-year .word {
                padding-top: 0.2rem;
                padding-bottom: 0.1rem;
                font-size: 16px !important;
                line-height: 1.4em;
            }
    }




    /**轮播切换**/
    .swiper-btns .swiper-btn {
        --s: 60px;
        --fill: #d2ab66;
        --dc: #d2ab6620;
        --hc: #d2ab6620;
        display: flex;
        position: relative;
    }

        .swiper-btns .swiper-btn .self-svg {
            --size: 40%;
            position: relative;
            border-radius: 5px;
            border: 2px solid #d2ab66;
            width: 60px;
            height: 60px;
            background-color: transparent;
            transition: background 0.3s;
            font-size: 24px;
            color: #d2ab66;
        }

        .swiper-btns .swiper-btn:hover {
            --fill: #ffffff;
        }

            .swiper-btns .swiper-btn:hover .self-svg {
                background-color: #d2ab66;
                color: #fff
            }

        .swiper-btns .swiper-btn.prev svg {
            transform: scaleX(-1);
        }

    @media (max-width: 1600px) {
        .swiper-btns .swiper-btn {
            --s: 50px;
        }
    }

    @media (max-width: 1200px) {
        .swiper-btns .swiper-btn {
            --s: 0.7rem;
        }
    }

    .swiper-btn-parent {
        position: relative;
    }

        .swiper-btn-parent .swiper-btns .swiper-btn {
            position: absolute;
            top: 50%;
            z-index: 2;
        }

        .swiper-btn-parent .swiper-btns .prev {
            left: 0;
            transform: translate(-150%, -50%);
        }

        .swiper-btn-parent .swiper-btns .next {
            right: 0;
            transform: translate(150%, -50%);
        }

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

        .self-svg svg.icon {
            width: 24px;
            height: 24px;
            fill: #d2ab66;
        }

    @media (max-width: 1750px) {
        .swiper-btn-parent .swiper-btns .prev {
            transform: translate(-110%, -50%);
        }

        .swiper-btn-parent .swiper-btns .next {
            transform: translate(110%, -50%);
        }
    }

    @media (max-width: 1700px) {
        .swiper-btn-parent .swiper-btns .prev {
            transform: translate(-105%, -50%);
        }

        .swiper-btn-parent .swiper-btns .next {
            transform: translate(105%, -50%);
        }
    }

    @media (max-width: 1600px) {
        .swiper-btn-parent {
            padding: 0 3%;
        }

            .swiper-btn-parent .swiper-btns .prev {
                transform: translate(-15%, -50%);
            }

            .swiper-btn-parent .swiper-btns .next {
                transform: translate(15%, -50%);
            }
    }

    @media (max-width: 1500px) {
        .swiper-btn-parent {
            padding: 0 5%;
        }

            .swiper-btn-parent .swiper-btns .prev {
                transform: translate(0%, -50%);
            }

            .swiper-btn-parent .swiper-btns .next {
                transform: translate(0%, -50%);
            }
    }

    @media (max-width: 1200px) {
        .swiper-btn-parent {
            padding: 0 0.3rem;
        }
    }

    .swiper-btns-a .swiper-btn {
        --s: 50px;
        --fill: #999999;
        --dc: rgba(var(--main-color-rgb), 1);
        --hc: rgba(var(--main-color-rgb), 1);
        display: flex;
        position: relative;
    }

        .swiper-btns-a .swiper-btn .self-svg {
            --size: 30%;
            position: relative;
            border: 1px solid #dddddd;
            border-radius: 50%;
            width: var(--s);
            height: var(--s);
            transition: background 0.3s;
        }

        .swiper-btns-a .swiper-btn:hover .self-svg {
            --fill: #ffffff;
            border-color: var(--hc);
            background-color: var(--hc);
        }

        .swiper-btns-a .swiper-btn.prev .self-svg svg {
            margin-left: -5%;
        }

        .swiper-btns-a .swiper-btn.prev svg {
            transform: scaleX(-1);
        }

    @media (max-width: 1600px) {
        .swiper-btns-a .swiper-btn {
            --s: 50px;
        }
    }

    @media (max-width: 1200px) {
        .swiper-btns-a .swiper-btn {
            --s: 0.7rem;
        }
    }

    .swiper-btn-parent {
        position: relative;
    }

        .swiper-btn-parent .swiper-btns-a .swiper-btn {
            position: absolute;
            top: 50%;
            z-index: 2;
        }

        .swiper-btn-parent .swiper-btns-a .prev {
            left: 0;
            transform: translate(-150%, -50%);
        }

        .swiper-btn-parent .swiper-btns-a .next {
            right: 0;
            transform: translate(150%, -50%);
        }

    @media (max-width: 1750px) {
        .swiper-btn-parent .swiper-btns-a .prev {
            transform: translate(-110%, -50%);
        }

        .swiper-btn-parent .swiper-btns-a .next {
            transform: translate(110%, -50%);
        }
    }

    @media (max-width: 1700px) {
        .swiper-btn-parent .swiper-btns-a .prev {
            transform: translate(-105%, -50%);
        }

        .swiper-btn-parent .swiper-btns-a .next {
            transform: translate(105%, -50%);
        }
    }

    @media (max-width: 12700px) {
        .swiper-btn-parent .swiper-btns-a .prev {
            transform: translate(0, -50%);
        }

        .swiper-btn-parent .swiper-btns-a .next {
            transform: translate(0, -50%);
        }
    }

.tab-r {
    height: 80px;
    line-height: 80px;
    color: #666;
    font-size: 14px
}
        .tab-r a {
            color: #666;
            font-size: 14px
        }

.pt{ padding-top:clamp(20px,2vw,40px)}
    /* 产品展示区域 */
    .product-display {
        display: flex;
        gap: 40px;
        padding: clamp(30px, 3.2vw, 64px) 0;
        flex-wrap: wrap;
    }

        /* 左侧图片区域 */
        .product-display .product-gallery {
            flex: 0 0 auto;
            width: 710px;
            max-width: 100%;
        }

        /* 图片包装器 - 不裁剪放大结果 */
        .product-display .gallery-wrapper {
            position: relative;
        }

        /* 主图容器 */
        .product-display .main-image-container {
            position: relative;
            width: 100%;
            height: 489px;
            background: #f5f5f5;
            border-radius: 0px;
            overflow: hidden;
            /*cursor: crosshair;*/
        }

            .product-display .main-image-container img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                pointer-events: none;
            }

        /* 放大镜图标 */
        .product-display .zoom-icon {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 36px;
            height: 36px;
            background: #cccccc;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 2px 8px rgba(0,0,0,0.15);
            color: #fff;
            z-index: 10;
            transition: all 0.3s ease;
        }

            .product-display .zoom-icon:hover {
                background: #fff;
                color: #333;
                transform: scale(1.1);
            }

        /* 放大镜遮罩 */
        .product-display .zoom-lens {
            position: absolute;
            width: 150px;
            height: 150px;
            border: 1px solid #ddd;
            background: rgba(255,255,200,0.3);
            pointer-events: none;
            opacity: 0;
            z-index: 5;
            transition: opacity 0.15s;
        }

        .product-display .main-image-container:hover .zoom-lens {
            opacity: 1;
        }

        /* 放大结果区域 - 放在gallery-wrapper内，不受overflow:hidden影响 */
        .product-display .zoom-result {
            position: absolute;
            left: calc(100% + 16px);
            top: 0;
            width: 500px;
            height: 480px;
            overflow: hidden;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            background: #fff;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.2s ease;
            box-shadow: 0 4px 20px rgba(0,0,0,0.1);
            z-index: 100;
        }

            .product-display .zoom-result.active {
                opacity: 1;
                visibility: visible;
            }

            .product-display .zoom-result img {
                position: absolute;
                max-width: none;
                max-height: none;
            }

        /* 缩略图列表 - Swiper */
        .product-display .thumbnail-list {
            position: relative;
            margin-top: clamp(24px, 2vw, 30px);
            padding: 0 36px;
        }

        .product-display .thumb-swiper {
            overflow: hidden;
        }

            .product-display .thumb-swiper .swiper-slide {
                width: 80px;
                height: 98px;
                border: 1px solid #c6c6c6;
                border-radius: 2px;
                overflow: hidden;
                cursor: pointer;
                background: #f5f5f5;
                transition: border-color 0.2s ease;
            }

                .product-display .thumb-swiper .swiper-slide:hover {
                    border-color: #ccc;
                }

                .product-display .thumb-swiper .swiper-slide.active {
                    border-color: #e74c3c;
                }

                .product-display .thumb-swiper .swiper-slide img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }

        .product-display .thumb-prev,
        .product-display .thumb-next {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 28px;
            height: 60px;
            /*  border: 1px solid #ddd;
                        background: #fff;*/
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 4px;
            color: #000000;
            z-index: 10;
            transition: all 0.2s ease;
        }

        .product-display .thumb-prev {
            left: 0;
        }

        .product-display .thumb-next {
            right: 0;
        }

            .product-display .thumb-prev:hover,
            .product-display .thumb-next:hover {
                background: #f5f5f5;
                color: #333;
                border-color: #bbb;
            }

            .product-display .thumb-prev.swiper-button-disabled,
            .product-display .thumb-next.swiper-button-disabled {
                opacity: 0.4;
                cursor: not-allowed;
            }

        /* 右侧产品信息 */
        .product-display .product-info {
            flex: 1;
            min-width: 300px;
        }

        .product-display .product-title {
            font-size: 24px;
            font-weight: 600;
            color: #000;
            padding: 20px 10px;
        }

        .product-display .spec-table-wrapper {
            margin-bottom: 18px;
            overflow-x: auto;
            border: 1px solid #666666;
        }

        .product-display .spec-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 14px;
        }

            .product-display .spec-table th,
            .product-display .spec-table td {
                padding: 4px 16px;
                text-align: center;
                border: 1px solid #666666;
                font-weight: normal
            }

            .product-display .spec-table th {
                background: #ffffff;
                color: #000000;
            }

                .product-display .spec-table th img {
                    height: 29px;
                    width: 28px;
                    display: block;
                    margin: 0 auto
                }

            .product-display .spec-table tr:nth-child(even) {
                background: #eeeeee;
            }

            .product-display .spec-table tr:hover {
                background: #f0f0f0;
            }

        .product-display .product-detail {
            font-size: 16px;
            line-height: 1.9;
            color: #333333;
        }





    /* 响应式 */
    @media screen and (max-width: 1200px) {
        .product-display .zoom-result {
            width: 400px;
            height: 400px;
        }

        .product-display .product-gallery {
            width: 44%;
        }
    }

    @media screen and (max-width: 1024px) {


        .product-display .main-image-container {
            height: 400px;
        }

        .product-display .zoom-result {
            height: 400px;
        }
    }

    @media screen and (max-width: 900px) {
        .product-display .product-display {
            flex-direction: column;
            align-items: center;
        }

        .product-display .product-gallery {
            width: 100%;
        }



        .product-display .zoom-result,
        .product-display .zoom-icon,
        .product-display .zoom-lens {
            display: none !important;
        }

        .product-display .main-image-container {
            cursor: default;
        }

        .product-display .product-info {
            width: 100%;
            text-align: left;
        }
    }

    @media screen and (max-width: 480px) {
        .product-display .thumb-swiper .swiper-slide {
            width: 60px;
            height: 60px;
        }

        .product-display .product-title {
            font-size: 20px;
        }

        .product-display .spec-table {
            font-size: 12px;
        }

            .product-display .spec-table th,
            .product-display .spec-table td {
                padding: 8px 10px;
            }
    }

    .pointer {
        cursor: pointer;
    }
    /* .znews*/
    .znews {
        padding: 0
    }

        .znews .newsLi {
            padding-bottom: clamp(24px,4vw,85px)
        }

            .znews .newsLi li {
                display: flex;
                margin-top: 37px;
            }

                .znews .newsLi li:first-child {
                    margin-top: 0
                }

            .znews .newsLi * {
                margin: 0;
                padding: 0
            }

            .znews .newsLi .newsTime {
                color: #999;
                font-size: 16px;
                margin-bottom: 8px;
            }

            .znews .newsLi li .newsTxt h2 {
                font-size: 22px;
                font-weight: normal;
                color: #414141;
                line-height: 1;
                padding: 15px 0 14px;
            }

        .znews .newsTxt p {
            line-height: 24px;
            color: #666;
            font-size: 16px;
            overflow: hidden;
            max-height: 48px;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

    .newsLi .newsTxt {
        margin-left: 25px;
        flex: 1;
        border-bottom: 1px #e0e0e0 solid;
    }

    .newsImg {
        width: 290px;
        height: 165px;
        flex-shrink: 0;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .newsImg img {
            max-height: 100%;
            max-width: 100%;
            display: block;
        }

    .zbox {
        background: #fff;
        padding: 3vw 0;
        margin: 0 auto;
    }

    .newsBox * {
        line-height: 40px;
    }
.newsBox h2.title, .cp .title {
    font-size: 30px;
    text-align: center;
    line-height: 1.2;
    color: #333
}

    .newsBox p.time {
        border-bottom: 1px #e5e5e5 solid;
        color: #666;
        padding: 7px 0 12px 0;
        font-size: 16px;
        text-align: center;
        margin: 0 auto;
        line-height: 1;
    }

        .newsBox p.time * {
            font-size: 16px;
        }

    @media (max-width: 996px) {
        .znews .newsLi li {
            display: block;
        }

        .newsImg {
            margin: 0 auto !important;
        }

        .newsLi .newsTxt {
            margin: 0 5%;
        }

        .newsBox * {
            line-height: 1.86;
            font-size: 16px;
        }

        .newsBox h2.title {
            font-size: 24px;
            max-width: 96%;
            margin: auto;
        }

        .newsBox p.time,
        .newsBox p.time * {
            font-size: 14px;
        }

        .znews .newsLi li .newsTxt h2 {
            font-size: 20px;
            line-height: 1.4;
            padding: 15px 0 0;
        }
    }

.newsBox .article, .cp .article {
    font-size: 18px;
    color: #666;
    width: 100%;
    margin: 2vw auto
}
    .cp .article .img {
        display: block;
        margin: 0 auto;
        width:100%;max-width:886px;
        border: 1px #bcbcbc solid;
        margin-top: 30px
    }
        .cp .article .img img {
            display: block;
            margin: 0 auto;
            max-width:100%;
        }
        .article img {
            display: inline-block;
            width: auto;
            max-width: 100%;
        }

    .font-btn.active {
        color: #d2ab66;
    }

.map {
    width: 100%;
    height: 57.8vh;
    position: relative;
    border: 1px #c8c8c8 solid;
    margin: 0 auto;
    margin-bottom:clamp(30px,5vw,100px);
}

.contactBox .col-sm-12 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 1.8% 0 2% 0;
    padding: 0 0 10px 0;
}

    .contactBox .col-sm-12 i {
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50px;
        border: 2px #dddddd solid;
        font-size: 30px;
        margin-right: 18px;
        color: #ec903d;
        padding-left: 10px
    }

    .contactBox .col-sm-12 div {
        font-size: 16px;
        line-height: 26px;
    }

.contactBox .col-md-5 div {
    max-width: 100%;
}



    #banner .sectionW {
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 999
    }

    #banner .section {
        position: absolute;
        width: 96%;
        max-width: 1600px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        height: 100%;
        z-index: 999
    }

    #banner .sectionW .zsection {
        width: 96%;
        max-width: 1600px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        height: 100%
    }

    #banner .indexText {
        text-align: left;
        margin-top: -5%;
        line-height: 1;
        font-size: clamp(18px,2.8vw,44px);
        text-align: center;
    }


    .banner .swiper-slide img {
        width: 100%
    }

    @media (max-width: 996px) {
        #banner .indexText {
            margin-top: -3%
        }
    }

    @media (max-width: 769px) {

        #banner .indexText {
            margin-top: 4%
        }
    }

    #banner .zindexText .h {
        font-size: clamp(24px,2.8vw,50px);
        line-height: 1;
        margin-bottom: clamp(10px,2vw,18px)
    }

    #banner .zindexText .c {
        font-size: clamp(18px,1.4vw,25px);
        line-height: 1;
        margin-bottom: clamp(10px,2vw,22px)
    }

    #banner .zindexText .x {
        height: 4px;
        width: 64px;
        background: #fff
    }

    .swiper-slide.swiper-slide-active .fadeLeft {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
    }

    @-webkit-keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-100%,0,0);
            -ms-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
        }
    }

    .fadeInLeft {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
    }

    .swiper-slide.swiper-slide-active .fadeRight {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }

    @-webkit-keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(100%,0,0);
            -ms-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
        }
    }

    .fadeInRight {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }

    .active .fadeInUp, .z .fadeInUp {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }

    @-webkit-keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,100%,0);
            -ms-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
        }
    }

    .fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }
    /*about*/
.tab-link {
    transition: color 0.3s;
}

    .tab-link.active {
        color: #266cb5 !important;
        border-bottom: 3px #266cb5 solid;
    }

/* About Page Styles */
.about-section {
    padding: 15px 0 13px 0;
}



.about-section-title {
    font-size: 28px;
    color: #000;
    margin-bottom: 32px;
    position: relative;
    padding-bottom: 5px;
    border-bottom: 1px #e5e5e5 solid
}

/* 公司简介 */
.about-intro {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

.about-intro-img {
    flex: 0 0 42.9%;
    max-width: 42.9%;
}

    .about-intro-img img {
        width: 100%;
        height: auto;
        display: block;
    }

.about-intro-text {
    flex: 1;
    color: #333;
    font-size: 18px;
    line-height: 2.5;
    text-align: justify;
}

    .about-intro-text p {
        text-indent: 36px;
        line-height: 2.5;
        color: #333;
        font-size: 18px;padding:0;margin:0 !important
    }

/* 文化理念 */
.about-culture {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 30px 0 18px 0
}

.culture-item {
    flex: 1;
    text-align: center;
}

.culture-icon {
    width: 100px;
    height: 100px;
    border: 5px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 28px;
    transition: all 0.3s;
    background: #2778c7;
    color: #fff;
    box-shadow: 0 0 20px #2778c780
}

    .culture-icon i {
        transition: all 0.3s;
        font-size: 48px;
    }


.culture-item:hover .culture-icon {
    background: #266cb5;
    transform: scale(1.05);
   
}
.culture-item:hover i {
    transform: scaleX(-1);
}
.culture-item h4 {
    font-size: 18px;
    color: #333;
    margin-bottom: 13px;
    font-weight: bold;
}

.culture-item p {
    font-size: 16px;
    color: #333;
    line-height: 24px;
}

/* 公司荣誉 */
.about-honor {
    display: flex;
    gap: 20px 50px;
    padding: 2vh 0 3vw;
    flex-wrap:wrap
}

.honor-item {
    width:calc(25% - 40px);
    border: 1px #eeeeee solid;
    text-align: center;
    transition: all 0.3s;
    aspect-ratio: 360/250
}

    .honor-item:hover {
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
        transform: translateY(-5px);
    }

    .honor-item img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        display: block;
    }

/* Responsive */
@media (max-width: 992px) {
    .about-intro {
        flex-direction: column;
    }

    .about-intro-img {
        flex: 1;
        max-width: 100%;
    }

    .about-culture {
        flex-wrap: wrap;
    }

    .culture-item {
        flex: 0 0 33.333%;
        margin-bottom: 30px;
    }

    .about-honor {
        flex-wrap: wrap;
    }

    .honor-item {
        flex: 0 0 calc(50% - 25px);
    }
}

@media (max-width: 768px) {

    .about-culture {
        flex-direction: column;
    }

    .culture-item {
        flex: 1;
        margin-bottom: 30px;
    }

    .about-honor {
        flex-direction: column;
    }

    .honor-item {
        flex: 1;
    }
}

   

   
   
    /*荣誉*/

    .w-100 {
        width: 100%;
        background: #f4f4f4
    }

    /*联系*/
    .contact-section {
        padding: clamp(24px,4vw,50px) 0 clamp(24px,5vw,84px) 0;
    }

    .contact-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
        margin-bottom: clamp(40px,4vw,65px);
    }

    .contact-item {
        text-align: center;
    }

    .contact-icon {
        width: 100px;
        height: 100px;
        margin: 0 auto 15px;
        border: 1px solid #ccc;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
    }

        .contact-icon svg {
            width: 32px;
            height: 32px;
            fill: #666;
            transition: all 0.3s ease;
        }

        .contact-icon .iconfont {
            font-size: 22px;
            color: #969696
        }

    .contact-item:hover .contact-icon {
        transform: scale(1.1);
        border-color: #333;
        background-color: #f9f9f9;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }

        .contact-item:hover .contact-icon .iconfont {
            color: #333
        }

    .contact-label {
        font-size: 16px;
        font-weight: 600;
        color: #333;
        margin-bottom: 10px;
    }

    .contact-value {
        font-size: 16px;
        color: #4c4c4c;
        line-height: 1.5;
    }

    .contact-divider {
        border-top: 1px solid #eee;
        margin-bottom: clamp(24px,4vw,35px);
    }

    .russia-office h2 {
        font-size: 37px;
        color: #000;
        margin-bottom: 15px;
        font-weight: 400;
    }

    .russia-office p {
        font-size: 18px;
        color: #000;
        line-height: 2;
    }

    @media (max-width: 991px) {
        .contact-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 30px;
        }
    }

    @media (max-width: 575px) {
        .contact-grid {
            grid-template-columns: 1fr;
            gap: 24px;
        }
    }
.qindex-s-w-l {
    padding: 0 4%;
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
}

.qindex-s-w-r {
    padding: 3% 4%;
    background: #fff;
    color: #333;
}

.qindex-s-wtit {
    font-size: 22px;
    width: 100%;
    font-weight: bold;
}

.qindex-s-search {
    width: 100%;
    border: 1px #ddd solid;
    height: 52px;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 60px;
    padding: 0;
    overflow: hidden
}

    .qindex-s-search input {
        height: 52px;
        flex: 1;
        color: #333 !important;
        outline: none; /* 去除聚焦时的外边框 */
        background: none; /* 去除背景 */
        box-shadow: none; /* 去除阴影 */
        -webkit-appearance: none; /* 去除webkit浏览器的默认样式 */
        -moz-appearance: none; /* 去除mozilla浏览器的默认样式 */
        appearance: none;
        padding: 0 15px
    }



    .qindex-s-search a {
        background: none !important
    }

    .qindex-s-search .button {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .qindex-s-search i {
        display: block;
        height: 52px;
        width: 80px;
        font-size: 22px !important;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        color: #333 !important;
        cursor: pointer;
        justify-content: center
    }