@charset "utf-8";

:root {
    --fontColor: #f00;
    --fontColor1: #333333;
    --fontColor2: #666666;
    --btnColor: #081a43;
    --btnColor1: #081a43;
    --btnColor2: #081a43;
    --bgColor: #081a43;
    --bgColor1: #081a43;
    --bgColor2: #081a43
}

* {
    color: inherit;
    font-family: inherit;
    line-height: inherit;
    outline: none;
    padding: 0;
    margin: 0;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style-type: inherit
}

*::-webkit-input-placeholder {
    color: #d2d2d2
}

*::-moz-placeholder {
    color: #d2d2d2
}

*::-moz-placeholder {
    color: #d2d2d2
}

*::-ms-input-placeholder {
    color: #d2d2d2
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

input[type="number"] {
    -moz-appearance: textfield
}

[data-placeholder] {
    visibility: hidden
}

.hidden {
    visibility: hidden
}

.first-h1 {
    display: none
}

html {
    color: #333333
}

body {
    background: #fff
}

table {
    border-collapse: collapse
}

input,
select,
textarea {
    background: none;
    border: none;
    vertical-align: middle;
    resize: none
}

iframe {
    display: block
}

ul {
    list-style-type: none
}

img {
    font-size: 0;
    min-height: 1px;
    border: none;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    position: relative
}

svg {
    min-height: 1px;
    position: relative
}

img[src=''] {
    visibility: hidden
}

a,
a * {
    text-decoration: none;
    cursor: pointer
}

select[none] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

select[none]:-ms-expand,
select[none]:-webkit-expand,
select[none]:-moz-expand {
    display: none
}

br {
    font-size: 0;
    line-height: 0
}

q:before,
q:after {
    content: ''
}

script {
    display: none !important
}

.cw750 {
    max-width: 750px;
    width: 92%;
    margin: auto
}

.cw850 {
    max-width: 850px;
    width: 92%;
    margin: auto
}

.cw900 {
    max-width: 900px;
    width: 92%;
    margin: auto
}

.cw1000 {
    max-width: 1000px;
    width: 92%;
    margin: auto
}

.cw1100 {
    max-width: 1100px;
    width: 92%;
    margin: auto
}

.cw1200 {
    max-width: 1200px;
    width: 92%;
    margin: auto
}

.cw1280 {
    max-width: 1280px;
    width: 92%;
    margin: auto
}

.cw1240 {
    max-width: 1240px;
    width: 92%;
    margin: auto
}

.cw1300 {
    max-width: 1300px;
    width: 92%;
    margin: auto
}

.cw1360 {
    max-width: 1360px;
    width: 92%;
    margin: auto
}

.cw1400 {
    max-width: 1400px;
    width: 92%;
    margin: auto
}

.cw1440 {
    max-width: 1440px;
    width: 92%;
    margin: auto
}

.cw1600 {
    max-width: 1600px;
    width: 92%;
    margin: auto
}

.cw1680 {
    max-width: 1680px;
    width: 92%;
    margin: auto
}

.cw1720 {
    max-width: 1720px;
    width: 92%;
    margin: auto
}

.cw1700 {
    max-width: 1700px;
    width: 92%;
    margin: auto
}

.cw1800 {
    max-width: 1800px;
    width: 92%;
    margin: auto
}

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

.cw96 {
    width: 96%;
    margin: auto
}

.cw94 {
    width: 94%;
    margin: auto
}

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

.cw90 {
    width: 90%;
    margin: auto
}

.cw- {
    width: calc(100% - 80px);
    margin: auto
}

.cw-0 {
    width: 100%;
    margin: auto
}

.cw-10,
.cw10 {
    width: calc(100% - 20px);
    margin: auto
}

.cw-20,
.cw20 {
    width: calc(100% - 40px);
    margin: auto
}

.cw-30,
.cw30 {
    width: calc(100% - 60px);
    margin: auto
}

.cw-40,
.cw40 {
    width: calc(100% - 80px);
    margin: auto
}

.cw-50,
.cw50 {
    width: calc(100% - 100px);
    margin: auto
}

.cw-60,
.cw60 {
    width: calc(100% - 120px);
    margin: auto
}

.cw-70,
.cw70 {
    width: calc(100% - 140px);
    margin: auto
}

textarea[ueditor] {
    visibility: hidden
}

[myeditor] [contenteditable] {
    line-height: 1.6
}

[myeditor] textarea {
    display: none
}

.container {
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto
}

.container.absolute {
    position: absolute
}

.container.fixed {
    position: fixed
}

.container:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.container[loading='none']:after {
    background: none
}

.container.isok:after {
    display: none
}

.container>.wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transform: translate3d(0px, 0, 0)
}

.container[vertical]>.wrapper {
    flex-direction: column
}

.container[loading] .wrapper {
    opacity: 0
}

.container>.wrapper>* {
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.container[autoHeight]>.wrapper>* {
    height: auto
}

.carousel {
    position: relative;
    overflow: hidden
}

.carousel .wrapper {
    display: box;
    display: -webkit-flex;
    display: -ms-flex;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    justify-content: flex-start;
    align-content: flex-start
}

.carousel .wrapper>* {
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

[file-selector] textarea {
    display: none
}

[file-selector][list='1'],
[exec*=',file-selector'][list='1'] {
    min-height: 108px
}

[masonry]>* {
    opacity: 0
}

[masonry].isok>* {
    opacity: 1
}

.fl {
    float: left
}

.fr {
    float: right
}

.relative,
[dragsort] {
    position: relative
}

.absolute {
    position: absolute
}

.absolute.max {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.absolute.goaway {
    left: -999999px;
    top: -999999px;
    width: 100%;
    position: absolute !important
}

.relative.goaway {
    margin: -999999px auto auto auto !important
}

.absolute.goaway.need-static {
    position: static !important
}

.fixed {
    position: fixed
}

.fixed.max {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.fixed.alert {
    visibility: hidden;
    transition: .3s
}

.fixed.goaway {
    left: -999999px !important;
    top: -999999px !important
}

.sticky,
[ly-sticky='center'] {
    position: -webkit-sticky;
    position: sticky
}

[ly-sticky='bottom'],
[ly-sticky='top'],
[ly-sticky='bottom']>*,
[ly-sticky='top']>* {
    z-index: 20
}

.fz0 {
    font-size: 0
}

.over {
    overflow: hidden
}

.overVis {
    overflow: visible !important
}

.rotate-180,
[rotate-180] {
    transform: rotate(180deg) !important
}

.lyicon-jiazai {
    animation: ico-loading .8s infinite linear;
    display: inline-block
}

.lyicon-loading {
    animation: ico-loading 2s infinite linear;
    display: inline-block
}

@keyframes ico-loading {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.zIndex20 {
    z-index: 20
}

[class^="cw"].absolute,
[class*=" cw"].absolute {
    left: 50%;
    transform: translate(-50%, 0)
}

[class^="cw"].absolute.max,
[class*=" cw"].absolute.max {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    bottom: auto;
    right: auto
}

.flex-between,
.flex-around,
.flex-reverse,
.flex-wrap,
.flex-nowrap,
.flex-reverse2,
.flex-row,
.flex-column,
.flex-line,
.flex-left,
.flex-right,
.flex-center,
.flex-middle,
.flex-top,
.flex-bottom,
.flex-middle2,
.flex-top2,
.flex-bottom2,
.flex-max,
.flex-max2,
.flex-height,
.flex {
    display: box;
    display: -webkit-flex;
    display: -ms-flex;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    justify-content: flex-start;
    align-content: flex-start
}

.flex-column {
    flex-direction: column
}

.flex-height {
    align-content: flex-start
}

.flex-left:not(.flex-column) {
    justify-content: flex-start
}

.flex-center:not(.flex-column) {
    justify-content: center
}

.flex-right:not(.flex-column) {
    justify-content: flex-end
}

.flex-between {
    justify-content: space-between
}

.flex-around {
    justify-content: space-around
}

.flex-evenly {
    justify-content: space-evenly
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap>* {
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.flex-reverse2 {
    flex-wrap: wrap-reverse
}

.flex-row {
    flex-direction: row
}

.flex-reverse {
    flex-direction: row-reverse
}

.flex-top:not(.flex-column) {
    align-items: flex-start
}

.flex-middle:not(.flex-column) {
    align-content: center
}

.flex-bottom:not(.flex-column) {
    align-items: flex-end
}

.flex-top2 {
    align-items: flex-start
}

.flex-middle2 {
    align-items: center
}

.flex-bottom2 {
    align-items: flex-end
}

.flex-line {
    align-content: baseline
}

.flex-column.flex-center {
    align-items: center
}

.flex-column.flex-right {
    align-items: flex-end
}

.flex-column.flex-left {
    align-items: flex-start
}

.flex-column.flex-top {
    justify-content: flex-start
}

.flex-column.flex-middle {
    justify-content: center
}

.flex-column.flex-bottom {
    justify-content: flex-end
}

.flex-max {
    justify-content: center;
    align-items: center;
    flex-direction: column
}

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

.flex-1 {
    flex: 1
}

.flex-100 {
    flex: 1 0 100%
}

.flex-0 {
    flex: 0 0 auto
}

.inline-flex {
    display: inline-flex
}

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

.popup {
    background: rgba(0, 0, 0, 0);
    overflow: auto;
    z-index: 900;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    pointer-events: none
}

.popup * {
    pointer-events: initial
}

.popup .el-popup-box {
    pointer-events: none;
    opacity: 0
}

.popup .el-popup-content {
    max-width: 100%
}

.popup:not(.el-side) [position="1"].el-popup-box,
.popup:not(.el-side) [position="2"].el-popup-box,
.popup:not(.el-side) [position="3"].el-popup-box,
.popup:not(.el-side) [position="5"].el-popup-box {
    -webkit-transform: translate(0, -20px);
    transform: translate(0, -20px);
    min-height: 88%
}

.popup:not(.el-side) [position="4"].el-popup-box {
    -webkit-transform: translate(-20px, 0);
    transform: translate(-20px, 0);
    min-height: 88%
}

.popup:not(.el-side) [position="6"].el-popup-box {
    -webkit-transform: translate(20px, 0);
    transform: translate(20px, 0);
    min-height: 88%
}

.popup:not(.el-side) [position="7"].el-popup-box,
.popup:not(.el-side) [position="8"].el-popup-box,
.popup:not(.el-side) [position="9"].el-popup-box {
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
    min-height: 100%
}

.popup.el-side .el-popup-box {
    width: 100%;
    height: 100%;
    opacity: 1
}

.popup.el-side .el-popup-box .el-popup-content {
    transition: .3s;
    background: #fff;
    max-width: 98%
}

.popup.slow .el-popup-box .el-popup-content {
    transition: .5s linear
}

.popup.contentNotBgColor .el-popup-box .el-popup-content {
    background-color: transparent
}

.popup.el-side [position="2"] .el-popup-content {
    -webkit-transform: translate(0, -110%);
    transform: translate(0, -110%);
    width: 100% !important
}

.popup.el-side [position="4"] .el-popup-content {
    -webkit-transform: translate(-110%, 0);
    transform: translate(-110%, 0);
    height: 100% !important
}

.popup.el-side [position="6"] .el-popup-content {
    -webkit-transform: translate(110%, 0);
    transform: translate(110%, 0);
    height: 100% !important
}

.popup.el-side [position="8"] .el-popup-content {
    -webkit-transform: translate(0, 110%);
    transform: translate(0, 110%);
    width: 100% !important
}

.popup.init,
.popup.cur {
    background: rgba(0, 0, 0, .36)
}

.popup.cur [position].el-popup-box,
.popup.cur .el-popup-box {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.popup.cur.el-side .el-popup-content {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.popup.notbg {
    background: none;
    pointer-events: none
}

.popup.notbg .el-popup-bg,
.popup.not-close .el-popup-bg {
    pointer-events: none
}

.flex[position] {
    justify-content: center;
    align-items: center
}

.flex[position='1'] {
    justify-content: start;
    align-items: start
}

.flex[position='2'] {
    align-items: start
}

.flex[position='3'] {
    justify-content: flex-end;
    align-items: flex-start
}

.flex[position='4'] {
    justify-content: flex-start
}

.flex[position='6'] {
    justify-content: flex-end
}

.flex[position='7'] {
    justify-content: flex-start;
    align-items: flex-end
}

.flex[position='8'] {
    align-items: flex-end
}

.flex[position='9'] {
    justify-content: flex-end;
    align-items: flex-end
}

.hide {
    display: none
}

.hide2 {
    display: none !important
}

.block,
for,
nav,
cty,
db,
dbx,
jxt,
txt,
tools {
    display: block
}

.inline {
    display: inline
}

.inline-block {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top
}

.table {
    display: table
}

.table-cell {
    display: table-cell;
    vertical-align: middle
}

.table-cell.min {
    width: 1px;
    white-space: nowrap
}

.editor,
.detail {
    line-height: 1.8
}

.plus-editor p,
.detail p {
    margin-bottom: 15px;
    font-family: "MiSans" !important
}

.editor img,
.detail img {
    max-width: 100%
}

.editor ul li,
.detail ul li {
    list-style-type: disc;
    margin-left: 2em;
}

.editor ol li,
.detail ol li {
    list-style-type: decimal
}

.editor .list-paddingleft-2,
.detail .list-paddingleft-2 {
    padding-left: 20px
}

.editor td,
.detail td,
.editor th,
.detail th {
    padding: 5px 10px;
    border-style: solid
}

.editor table.none td,
.detail table.none td,
.editor table.none th,
.detail table.none th {
    border: none;
    padding: 0
}

.detail table[align=center],
.editor table[align=center] {
    margin-right: auto;
    margin-left: auto
}

.editor pre,
.detail pre {
    margin: 10px 0;
    padding: 10px 12px;
    border-radius: 8px;
    background: #f6f6f6;
    font-size: 13px;
    font-family: '宋体'
}

.editor pre .pre-copy {
    right: 10px;
    top: 10px;
    background: #607d8b;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    padding: 5px;
    border-radius: 3px;
    opacity: 0;
    visibility: hidden
}

.editor pre:hover .pre-copy {
    opacity: 1;
    visibility: visible
}

.editor h1,
.detail h1 {
    font-size: 30px;
    font-weight: bold
}

.editor h2,
.detail h2 {
    font-size: 25px;
    font-weight: bold
}

.editor h3,
.detail h3 {
    font-size: 15px;
    font-weight: bold
}

.editor h4,
.detail h4 {
    font-size: 19px;
    font-weight: bold
}

.editor h5,
.detail h5 {
    font-size: 17px;
    font-weight: bold
}

.editor h6,
.detail h6 {
    font-size: 15px;
    font-weight: bold
}

.detail table,
.detail tbody,
.detail tr,
.detail td,
.editor table,
.editor tbody,
.editor tr,
.editor td {
    border: 1px solid #333;
    line-height: 1.5;
    max-width: 100%;
    border-collapse: collapse
}

.detail table,
.editor table {
    margin-top: 12px;
    margin-bottom: 12px
}

.detail table tr,
.editor table tr {
    transition: all 0.15s ease-in-out
}

.detail table td,
.editor table td {
    padding: 10px;
    color: #333
}

.detail table tr td p,
.editor table tr td p {
    margin-bottom: 0px !important;
    line-height: 1.5 !important;
    padding: 5px
}

.detail td,
.detail th,
.editor td,
.editor th {
    vertical-align: middle
}

@media (max-width:992px) {

    .editor table,
    .detail table {
        max-width: 100%
    }
}

.mapiframe * {
    display: none
}

.mapiframe iframe {
    display: block;
    width: 100% !important;
    height: 100% !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important
}

.m-pic {
    line-height: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    text-align: center
}

.m-pic:before,
.m-pic:after {
    content: '';
    display: inline-block;
    vertical-align: middle
}

.m-pic:after {
    height: 100%
}

.m-pic .fa,
.m-pic img {
    max-width: 100%;
    max-height: 100%;
    transform: scale(1);
    transition: 0.5s;
    vertical-align: middle
}

.m-pic .fa.absolute,
.m-pic img.absolute {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: 0.5s
}

.i-pic {
    overflow: hidden;
    font-size: 0;
    position: relative;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.i-pic.absolute {
    position: absolute
}

.i-pic.fixed {
    position: fixed
}

.i-pic:before,
.i-pic:after {
    content: '';
    display: inline-block
}

.i-pic img {
    width: 100%;
    min-height: 100%
}

.i-pic img.center {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: relative
}

.i-pic .absolute {
    position: absolute
}

@media (min-width:751px) {
    .b-pic:hover img {
        transform: scale(1.1)
    }

    .b-pic.m-pic:hover img.absolute,
    .b-pic:hover .m-pic img.absolute {
        transform: translate(-50%, -50%) scale(1.1)
    }
}

.nowrap {
    white-space: nowrap
}

.break {
    white-space: normal;
    word-break: break-all
}

.v-middle {
    vertical-align: middle
}

.v-top {
    vertical-align: top
}

.v-bottom {
    vertical-align: bottom
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-over {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.text-line,
.text-line2,
.text-line3,
.text-line4,
.text-line5,
.text-line6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.text-line3 {
    -webkit-line-clamp: 3
}

.text-line4 {
    -webkit-line-clamp: 4
}

.text-line5 {
    -webkit-line-clamp: 5
}

.text-line6 {
    -webkit-line-clamp: 6
}

.trans {
    -webkit-transition: .3s;
    transition: .3s
}

.trans5 {
    -webkit-transition: .5s;
    transition: .5s
}

.trans-inter::before,
.trans-inter::after {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.pointer-none,
.not-event {
    pointer-events: none
}

.has-event {
    pointer-events: all
}

.pointer2,
.pointer {
    cursor: pointer !important;
    pointer-events: all
}

.disabled {
    cursor: not-allowed !important
}

.notallow,
.not-allowed {
    cursor: not-allowed !important
}

.gray {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%)
}

.upper {
    text-transform: uppercase
}

.lower {
    text-transform: lowercase
}

.maxh {
    height: 100%
}

.maxw {
    width: 100%
}

.maxh1 {
    max-height: 100%
}

.maxw1 {
    max-width: 100%
}

.maxh2 {
    min-height: 100%
}

.maxw2 {
    min-width: 100%
}

.maxvh {
    height: 100vh
}

.maxvw {
    width: 100vw
}

.maxvh1 {
    max-height: 100vh
}

.maxvw1 {
    max-width: 100vw
}

.maxvh2 {
    min-height: 100vh
}

.maxvw2 {
    min-width: 100vw
}

.maxwh {
    height: 100%;
    width: 100%
}

.maxwh1 {
    max-height: 100%;
    max-width: 100%
}

.maxwh2 {
    min-height: 100%;
    min-width: 100%
}

.width_0,
.width_1,
.w_1 {
    width: 1px;
    white-space: nowrap
}

.clear {
    margin: 0px auto;
    clear: both;
    height: 0px;
    font-size: 0px;
    overflow: hidden;
    position: relative
}

.clean {
    zoom: 1
}

.clean:after,
.clean:before {
    content: '';
    display: table
}

.clean:after {
    clear: both
}

.notcopy {
    user-select: none;
    -webkit-user-select: none
}

textarea[autoheight],
.scrollbar-hide {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.scrollbar-hide::-webkit-scrollbar,
textarea[autoheight]::-webkit-scrollbar {
    display: none
}

:root {
    --mainColor: #409eff;
    --deputyColor: #83bdfb;
    --lightColor: #eaf7ff;
    --darkColor: blue;
    --successColor: #26b12b;
    --warnColor: #E6A23C;
    --warnDeputyColor: #fff9f8;
    --warnLightColor: rgb(253, 246, 236);
    --bgColor: #f8f9fb;
    --inputBtnHeight: 38px;
    --inputBtnHeightSmall: 32px;
    --inputBtnHeightMini: 28px;
    --borderColor: #e0e0e0;
    --borderHoverColor: #aaaaaa;
    --theadBgColor: #f6f6f6;
    --tbodyHoverBgColor: #f5fbff;
    --tbodyCurBgColor: #d0f0ff;
    --font-bri-S: 26px;
    --font-bri-L: 45px;
    --font-bri-B: 400;
    --font-txt-S: 30px;
    --font-txt-L: 50px;
    --font-txt-B: 400;
    --font-sma-S: 36px;
    --font-sma-L: 52px;
    --font-sma-B: 500;
    --font-sub-S: 42px;
    --font-sub-L: 60px;
    --font-sub-B: 700;
    --font-big-S: 56px;
    --font-big-L: 74px;
    --font-big-B: 800;
    --bodyMargin: 4vw;
    --fzH3: 26px;
    --fzH4: 20px;
    --fzH5: 18px;
    --fzT0: 18px;
    --fzT1: 16px;
    --fzT2: 14px;
    --fzT3: 12px
}

[ly-tab] .cur {
    color: var(--mainColor)
}

.trans3-3 {
    -webkit-transition: all .3s ease .3s;
    transition: all .3s ease .3s
}

.trans3-4 {
    -webkit-transition: all .3s ease .4s;
    transition: all .3s ease .4s
}

.trans3-5 {
    -webkit-transition: all .3s ease .5s;
    transition: all .3s ease .5s
}

.trans3-6 {
    -webkit-transition: all .3s ease .6s;
    transition: all .3s ease .6s
}

.trans3-7 {
    -webkit-transition: all .3s ease .7s;
    transition: all .3s ease .7s
}

.trans3-8 {
    -webkit-transition: all .3s ease .8s;
    transition: all .3s ease .8s
}

.trans5-3 {
    -webkit-transition: all .5s ease .3s;
    transition: all .5s ease .3s
}

.trans5-4 {
    -webkit-transition: all .5s ease .4s;
    transition: all .5s ease .4s
}

.trans5-5 {
    -webkit-transition: all .5s ease .5s;
    transition: all .5s ease .5s
}

.trans5-6 {
    -webkit-transition: all .5s ease .6s;
    transition: all .5s ease .6s
}

.trans5-7 {
    -webkit-transition: all .5s ease .7s;
    transition: all .5s ease .7s
}

.trans5-8 {
    -webkit-transition: all .5s ease .8s;
    transition: all .5s ease .8s
}

[bg="default"] {
    background-color: var(--bgColor)
}

[bg="white"] {
    background-color: #fff
}

[bg="pane"] {
    background-color: #fafafa
}

[bg="main"] {
    background-color: var(--mainColor)
}

[bg="success"] {
    background-color: var(--successColor)
}

[bg="deputy"] {
    background-color: var(--deputyColor)
}

[bg="light"] {
    background-color: var(--lightColor)
}

[bg="warning"] {
    background-color: var(--warnColor)
}

[bg="warning-light"] {
    background-color: var(--warnLightColor)
}

[color="white"] {
    color: #fff
}

[color="pane"] {
    color: #fafafa
}

.pointer[color="main"]:hover,
a[color="main"]:hover {
    color: var(--darkColor)
}

[color="main"]:active,
[color="main"] {
    color: var(--mainColor)
}

[color="deputy"] {
    color: var(--deputyColor)
}

.pointer[color="deputy"]:hover,
a[color="deputy"]:hover {
    color: var(--mainColor)
}

[color="light"] {
    color: var(--lightColor)
}

[color="warning"] {
    color: var(--warnColor)
}

[color="red"] {
    color: red
}

[color="success"] {
    color: var(--successColor)
}

[color="text"] {
    color: #303133
}

[color="text2"] {
    color: #606266
}

[color="text3"] {
    color: #909399
}

[color="text4"] {
    color: #C0C4CC
}

.radius_3px {
    border-radius: 3px
}

.radius_5px {
    border-radius: 5px
}

.radius_3_3_0_0 {
    border-radius: 3px 3px 0 0
}

.radius_0_0_3_3 {
    border-radius: 0 0 3px 3px
}

.radius_5_5_0_0 {
    border-radius: 5px 5px 0 0
}

.radius_0_0_5_5 {
    border-radius: 0 0 5px 5px
}

.radius_3_0_0_3 {
    border-radius: 3px 0 0 3px
}

.radius_0_3_3_0 {
    border-radius: 0 3px 3px 0
}

.radius_5_0_0_5 {
    border-radius: 5px 0 0 5px
}

.radius_0_5_5_0 {
    border-radius: 0 5px 5px 0
}

.b-border,
.b_border {
    border: 1px solid #eee
}

.b-bottom,
.b_bottom {
    border-bottom: 1px solid #eee
}

.b-top,
.b_top {
    border-top: 1px solid #eee
}

.b-left,
.b_left {
    border-left: 1px solid #eee
}

.b-right,
.b_right {
    border-right: 1px solid #eee
}

table[border] {
    border: 1px solid var(--borderColor)
}

[border="main"] {
    border-color: var(--mainColor)
}

table[border="main"] {
    border: 1px solid var(--mainColor)
}

[border="deputy"] {
    border-color: var(--deputyColor)
}

table[border="deputy"] {
    border: 1px solid var(--deputyColor)
}

[border="warning"] {
    border-color: var(--warnColor)
}

table[border="warning"] {
    border: 1px solid var(--warnColor)
}

[border="default"] {
    border-color: var(--borderColor)
}

table[border="default"] {
    border: 1px solid var(--borderColor)
}

[border="none"],
[border="transparent"] {
    border-color: transparent !important
}

[cw] {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: calc(100% - 70px)
}

[cw="1400"] {
    width: 1400px
}

[cw="1300"] {
    width: 1300px
}

[cw="1200"] {
    width: 1200px
}

[cw="1100"] {
    width: 1100px
}

[cw="1080"] {
    width: 1080px
}

[cw="1000"] {
    width: 1000px
}

[cw="900"] {
    width: 900px
}

[cw="800"] {
    width: 800px
}

[cw="750"] {
    width: 750px
}

[cw="700"] {
    width: 700px
}

.m_10px {
    margin: 10px
}

.m_15px {
    margin: 15px
}

.m_20px {
    margin: 20px
}

.m_25px {
    margin: 25px
}

.m_30px {
    margin: 30px
}

.mt_3px {
    margin-top: 3px
}

.mt_5px {
    margin-top: 5px
}

.mt_10px {
    margin-top: 10px
}

.mt_15px {
    margin-top: 15px
}

.mt_20px {
    margin-top: 20px
}

.mt_25px {
    margin-top: 25px
}

.mt_30px {
    margin-top: 30px
}

.mt_35px {
    margin-top: 35px
}

.mt_40px {
    margin-top: 40px
}

.mt_45px {
    margin-top: 45px
}

.mt_50px {
    margin-top: 50px
}

.mt_55px {
    margin-top: 55px
}

.mr_3px {
    margin-right: 3px
}

.mr_5px {
    margin-right: 5px
}

.mr_10px {
    margin-right: 10px
}

.mr_15px {
    margin-right: 15px
}

.mr_20px {
    margin-right: 20px
}

.mr_25px {
    margin-right: 25px
}

.mr_30px {
    margin-right: 30px
}

.mr_35px {
    margin-right: 35px
}

.mr_40px {
    margin-right: 40px
}

.mr_45px {
    margin-right: 45px
}

.mr_50px {
    margin-right: 50px
}

.mr_55px {
    margin-right: 55px
}

.mb_3px {
    margin-bottom: 3px
}

.mb_5px {
    margin-bottom: 5px
}

.mb_10px {
    margin-bottom: 10px
}

.mb_15px {
    margin-bottom: 15px
}

.mb_20px {
    margin-bottom: 20px
}

.mb_25px {
    margin-bottom: 25px
}

.mb_30px {
    margin-bottom: 30px
}

.mb_35px {
    margin-bottom: 35px
}

.mb_40px {
    margin-bottom: 40px
}

.mb_45px {
    margin-bottom: 45px
}

.mb_50px {
    margin-bottom: 50px
}

.mb_55px {
    margin-bottom: 55px
}

.ml_3px {
    margin-left: 3px
}

.ml_5px {
    margin-left: 5px
}

.ml_10px {
    margin-left: 10px
}

.ml_15px {
    margin-left: 15px
}

.ml_20px {
    margin-left: 20px
}

.ml_25px {
    margin-left: 25px
}

.ml_30px {
    margin-left: 30px
}

.ml_35px {
    margin-left: 35px
}

.ml_40px {
    margin-left: 40px
}

.ml_45px {
    margin-left: 45px
}

.ml_50px {
    margin-left: 50px
}

.ml_55px {
    margin-left: 55px
}

.p_10px {
    padding: 10px
}

.p_0_10px {
    padding-left: 10px;
    padding-right: 10px
}

.p_10_0px {
    padding-top: 10px;
    padding-bottom: 10px
}

.p_15px {
    padding: 15px
}

.p_0_15px {
    padding-left: 15px;
    padding-right: 15px
}

.p_15_0px {
    padding-top: 15px;
    padding-bottom: 15px
}

.p_20px {
    padding: 20px
}

.p_10_20px {
    padding: 10px 20px
}

.p_15_20px {
    padding: 15px 20px
}

.p_0_20px {
    padding-left: 20px;
    padding-right: 20px
}

.p_20_0px {
    padding-top: 20px;
    padding-bottom: 20px
}

.p_20_30px {
    padding: 20px 30px
}

.p_25px {
    padding: 25px
}

.p_0_25px {
    padding-left: 25px;
    padding-right: 25px
}

.p_25_0px {
    padding-top: 25px;
    padding-bottom: 25px
}

.p_30px {
    padding: 30px
}

.p_0_30px {
    padding-left: 30px;
    padding-right: 30px
}

.p_30_0px {
    padding-top: 30px;
    padding-bottom: 30px
}

.pt_0px {
    padding-top: 0px
}

.pt_3px {
    padding-top: 3px
}

.pt_5px {
    padding-top: 5px
}

.pt_10px {
    padding-top: 10px
}

.pt_15px {
    padding-top: 15px
}

.pt_20px {
    padding-top: 20px
}

.pt_25px {
    padding-top: 25px
}

.pt_30px {
    padding-top: 30px
}

.pt_35px {
    padding-top: 35px
}

.pt_40px {
    padding-top: 40px
}

.pt_45px {
    padding-top: 45px
}

.pt_50px {
    padding-top: 50px
}

.pt_55px {
    padding-top: 55px
}

.pt_60px {
    padding-top: 60px
}

.pt_70px {
    padding-top: 70px
}

.pt_80px {
    padding-top: 80px
}

.pt_90px {
    padding-top: 90px
}

.pt_100px {
    padding-top: 100px
}

.pt_150px {
    padding-top: 150px
}

.pr_3px {
    padding-right: 3px
}

.pr_5px {
    padding-right: 5px
}

.pr_10px {
    padding-right: 10px
}

.pr_15px {
    padding-right: 15px
}

.pr_20px {
    padding-right: 20px
}

.pr_25px {
    padding-right: 25px
}

.pr_30px {
    padding-right: 30px
}

.pb_0px {
    padding-bottom: 0px
}

.pb_3px {
    padding-bottom: 3px
}

.pb_5px {
    padding-bottom: 5px
}

.pb_10px {
    padding-bottom: 10px
}

.pb_15px {
    padding-bottom: 15px
}

.pb_20px {
    padding-bottom: 20px
}

.pb_25px {
    padding-bottom: 25px
}

.pb_30px {
    padding-bottom: 30px
}

.pb_35px {
    padding-bottom: 35px
}

.pb_40px {
    padding-bottom: 40px
}

.pb_45px {
    padding-bottom: 45px
}

.pb_50px {
    padding-bottom: 50px
}

.pb_55px {
    padding-bottom: 55px
}

.pb_60px {
    padding-bottom: 60px
}

.pb_70px {
    padding-bottom: 70px
}

.pb_80px {
    padding-bottom: 80px
}

.pb_90px {
    padding-bottom: 90px
}

.pb_100px {
    padding-bottom: 100px
}

.pl_3px {
    padding-left: 3px
}

.pl_5px {
    padding-left: 5px
}

.pl_10px {
    padding-left: 10px
}

.pl_15px {
    padding-left: 15px
}

.pl_20px {
    padding-left: 20px
}

.pl_25px {
    padding-left: 25px
}

.pl_30px {
    padding-left: 30px
}

.gap_10px {
    gap: 10px
}

.gap_15px {
    gap: 15px
}

.gap_20px {
    gap: 20px
}

.gap_25px {
    gap: 25px
}

.gap_30px {
    gap: 30px
}

.gap_35px {
    gap: 35px
}

.gap_40px {
    gap: 40px
}

.gap_45px {
    gap: 45px
}

.gap_50px {
    gap: 50px
}

.fz12 {
    font-size: 12px
}

.fz14 {
    font-size: 14px
}

.fz16 {
    font-size: 16px
}

.fz18 {
    font-size: 18px
}

.fz20 {
    font-size: 20px
}

.fz22 {
    font-size: 22px
}

.fz24 {
    font-size: 24px
}

.fz26 {
    font-size: 26px
}

.fz28 {
    font-size: 28px
}

.fz30 {
    font-size: 30px
}

.fz32 {
    font-size: 32px
}

.fz34 {
    font-size: 34px
}

.fz36 {
    font-size: 36px
}

.fz38 {
    font-size: 38px
}

.fz40 {
    font-size: 40px
}

.fz42 {
    font-size: 42px
}

.fz44 {
    font-size: 44px
}

.fz46 {
    font-size: 46px
}

.fz48 {
    font-size: 48px
}

.fz50 {
    font-size: 50px
}

.fz52 {
    font-size: 52px
}

.fz60 {
    font-size: 60px
}

.fz70 {
    font-size: 70px
}

.fz80 {
    font-size: 80px
}

.fz90 {
    font-size: 90px
}

.lh_1 {
    line-height: 1
}

.lh_1_6 {
    line-height: 1.6
}

.lh_1_7 {
    line-height: 1.7
}

.lh_1_8 {
    line-height: 1.8
}

.lh_1_9 {
    line-height: 1.9
}

.lh_2 {
    line-height: 2
}

.w_10 {
    width: 10%
}

.w_20 {
    width: 20%
}

.w_30 {
    width: 30%
}

.width_0 {
    width: 0px
}

.width60 {
    width: 60px
}

.width70 {
    width: 70px
}

.width80 {
    width: 80px
}

.width90 {
    width: 90px
}

.width100 {
    width: 100px
}

.width120 {
    width: 120px
}

.width150 {
    width: 150px
}

.width180 {
    width: 180px
}

.width200 {
    width: 200px
}

.width250 {
    width: 250px
}

.width300 {
    width: 300px
}

.width350 {
    width: 350px
}

.width400 {
    width: 400px
}

.width450 {
    width: 450px
}

.min-width80 {
    min-width: 80px
}

.min-width90 {
    min-width: 90px
}

.min-width100 {
    min-width: 100px
}

.min-width120 {
    min-width: 120px
}

.min-width150 {
    min-width: 150px
}

.min-width180 {
    min-width: 180px
}

.min-width200 {
    min-width: 200px
}

.min-width250 {
    min-width: 250px
}

.min-width300 {
    min-width: 300px
}

.min-width350 {
    min-width: 350px
}

.min-width400 {
    min-width: 400px
}

.min-width450 {
    min-width: 450px
}

.max-width80 {
    max-width: 80px
}

.max-width90 {
    max-width: 90px
}

.max-width100 {
    max-width: 100px
}

.max-width120 {
    max-width: 120px
}

.max-width150 {
    max-width: 150px
}

.max-width180 {
    max-width: 180px
}

.max-width200 {
    max-width: 200px
}

.max-width250 {
    max-width: 250px
}

.max-width300 {
    max-width: 300px
}

.max-width350 {
    max-width: 350px
}

.max-width400 {
    max-width: 400px
}

.max-width450 {
    max-width: 450px
}

.height_0 {
    height: 0px
}

.height60 {
    height: 60px
}

.height90 {
    height: 90px
}

.height120 {
    height: 120px
}

.height200 {
    height: 200px
}

.min-height60 {
    min-height: 60px
}

.min-height90 {
    min-height: 90px
}

.min-height120 {
    min-height: 120px
}

.min-height200 {
    min-height: 200px
}

.zIndex1 {
    z-index: 1
}

.zIndex2 {
    z-index: 2
}

.zIndex3 {
    z-index: 3
}

.zIndex4 {
    z-index: 4
}

.zIndex5 {
    z-index: 5
}

.zIndex6 {
    z-index: 6
}

.zIndex7 {
    z-index: 7
}

.zIndex8 {
    z-index: 8
}

.zIndex9 {
    z-index: 9
}

.mfiletip {
    word-wrap: break-word;
    width: 100%
}

.mfiletip>span {
    display: block;
    font-weight: 600
}

.mfilebox {
    overflow: auto
}

:root {
    --main: #59ab57;
    --main2: 89, 171, 87;
    --color: #f4f8f7
}

.icon picture {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

@-moz-document url-prefix() {
    img {
        image-rendering: auto;
        filter: none !important;
        mix-blend-mode: normal !important
    }
}

body.overflow-hidden {
    overflow-y: hidden;
    width: 100vw
}

.first-h1 {
    display: none
}

.container-fluid {
    width: 100%;
    height: 100%
}

.container-center {
    max-width: 1440px;
    width: 85.666%;
    margin: auto;
    overflow: hidden;
}

.border-radius50 {
    border-radius: 50px
}

.border-radius30 {
    border-radius: 30px
}

.border-radius25 {
    border-radius: 25px
}

.border-radius22 {
    border-radius: 22px
}

.border-radius20 {
    border-radius: 20px
}

.border-radius16 {
    border-radius: 16px
}

.border-radius8 {
    border-radius: 8px
}

.border-radius6 {
    border-radius: 6px
}

.text-shadow-black {
    text-shadow: 2px 2px 10px #00000040
}

.backColorf4 {
    background-color: #f4f4f4
}

.obj {
    object-fit: cover
}

.trans {
    -webkit-transition: .3s;
    transition: .3s
}

.trans5 {
    -webkit-transition: .5s;
    transition: .5s
}

.font_icon {
    font-family: 'font_icon'
}

.font_icon_svg {
    display: block;
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden
}

* {
    font-family: 'Noto Sans SC', sans-serif;
    font-optical-sizing: auto;
    -webkit-tap-highlight-color: transparent;
    outline: none
}

html {
    font-size: calc(100vw/19.2)
}

body {
    font-size: calc(14px + 0.2vw);
    overflow-x: clip
}

body * {
    font-family: 'Noto Sans SC', sans-serif
}

.container {
    min-height: 100px
}

.ind_tit {
    margin: 0;
    font-size: 40px;
    line-height: 1.5;
    color: #333;
    font-weight: 600
}

.ind_tit.txt_g {
    color: var(--main)
}

#header {
    position: -webkit-fixed;
    top: 0;
    left: 0;
    height: 90px;
    width: 100%;
    z-index: 16;
    border-bottom: 1px solid transparent;
    transition: all 0.3s ease
}

#header.cur {
    top: 0;
    transform: translateY(0);
    border-color: #e5e5e5
}

#header.none {
    top: 0;
    transform: translateY(calc(-100% - 1px))
}

#header .logo {
    width: max-content;
    height: 100%;
    min-height: -webkit-fill-available
}

#header .logo .fa {
    font-size: 26px;
    width: 192px;
    height: 26px;
    color: #fff;
    stroke: #fff;
    fill: #fff
}

#header .logo .logo-img {
    display: block;
    width: 192px;
    height: auto;
    transition: all 0.3s ease
}

#header .nav {
    width: 41.44%
}

#header .nav .nav_in {
    width: 100%
}

#header .nav .one-nav .one-a {
    padding: 0 10px;
    white-space: nowrap;
    font-size: 16px;
    color: #fff;
    line-height: 90px;
    position: relative
}

#header .nav .one-nav.active .one-a:after {
    border-bottom: 3px solid var(--main);
}

#header .nav .one-nav .one-a:hover,
#header .nav .one-nav.on .one-a {
    color: var(--main)
}

#header .line {
    display: none;
    width: 48px;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: var(--main);
    z-index: 2;
    pointer-events: none
}

#header .nav .two_content {
    width: 100vw;
    max-width: 100vw;
    height: max-content;
    position: absolute;
    top: 90px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    height: 0;
    transition: all 0.3s ease
}

#header .nav .two_content .two_content_in {
    border-top: 1px solid #e5e5e5;
    height: 460px;
    position: relative;
    background: #fff
}

#header.cur .nav .two_content .two_content_in,
#header.headerWhite .nav .two_content .two_content_in {
    border: 0
}

#header .nav .two_content .two_content_in .two_item {
    display: none;
    border: 0
}

#header .nav .two_content .two_content_in .two_item.cur {
    padding: 40px 0 50px;
    display: flex !important;
    border: 0
}

#header .nav .two_content .two_content_in .two_item .two_ul {
    margin-right: 1.95%;
    width: 48.83%
}

#header .nav .two_content .two_content_in .two_item .two_ul:last-child {
    margin-right: 0
}

#header .nav .two_content .two_content_in .two_item .two_ul .tnav-a {
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    width: 100%
}

#header .nav .two_content .two_content_in .two_item .two_ul .tnav-a .icon {
    margin-right: 20px;
    width: 42px;
    height: 42px;
    background-color: #f8f8f8;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center
}

#header .nav .two_content .two_content_in .two_item .two_ul .tnav-a .icon .fa {
    max-width: 22px
}

#header .nav .two_content .two_content_in .two_item .two_ul .tnav-a .txt {
    width: calc(100% - 42px);
    font-size: 20px;
    line-height: 1;
    color: #333
}

#header .nav .two_content .two_content_in .two_item .two_ul .tnav-a:hover .txt {
    color: var(--main)
}

#header .nav .two_content .two_content_in .two_item .two_ul .three_ul {
    padding: 0 14.67%;
    margin-top: 25px;
    height: 290px;
    overflow-y: hidden
}

#header .nav .two_content .two_content_in .two_item .two_ul .three_ul:hover {
    overflow-y: auto
}

#header .nav .two_content .two_content_in .two_item .two_ul .three_ul .three-a {
    margin-top: 15px;
    font-size: 16px;
    line-height: 26px;
    color: #333
}

#header .nav .two_content .two_content_in .two_item .two_ul .three_ul .three-a:first-child {
    margin-top: 0
}

#header .nav .two_content .two_content_in .two_item .two_ul .three_ul .three-a:hover {
    color: var(--main);
    font-weight: 500
}

#header .nav .two_content .two_content_in .two_item .two_ul .three_ul::-webkit-scrollbar,
#header .nav .two_content .two_content_in .two_item .two_ul .three_ul *::-webkit-scrollbar {
    height: 3px;
    width: 5px;
    background: rgba(173, 173, 173, 0.2);
    border-radius: 2px
}

#header .nav .two_content .two_content_in .two_item .two_ul .three_ul::-webkit-scrollbar:hover,
#header .nav .two_content .two_content_in .two_item .two_ul .three_ul *::-webkit-scrollbar:hover {
    background: rgba(173, 173, 173, 0.2);
    border-radius: 2px
}

#header .nav .two_content .two_content_in .two_item .two_ul .three_ul::-webkit-scrollbar-thumb,
#header .nav .two_content .two_content_in .two_item .two_ul .three_ul *::-webkit-scrollbar-thumb {
    background: rgba(173, 173, 173, 1);
    border-radius: 2px
}

#header .nav .two_content .two_content_in .two_item .two_ul .three_ul::-webkit-scrollbar-thumb:hover,
#header .nav .two_content .two_content_in .two_item .two_ul .three_ul *::-webkit-scrollbar-thumb:hover {
    background-color: rgba(173, 173, 173, 1);
    border-radius: 2px
}

#header .nav .nav_back {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    width: 101%;
    height: 100vh;
    top: 90px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.4s ease
}

#header .nav .nav_back.cur {
    opacity: 1;
    visibility: visible
}

#header .nav .two_content .two_content_in .pro_group {
    align-items: stretch
}

#header .nav .two_content .two_content_in .pro_group .li {
    padding: 14px 30px;
    width: 100%;
    background-color: transparent;
    border-radius: 16px;
    transition: all 0.3s ease;
    position: relative
}

#header .nav .two_content .two_content_in .pro_group .li:before {
    content: "";
    display: block;
    width: 3px;
    height: 0;
    overflow: hidden;
    transition: height 0.5s ease-in-out;
    background-color: var(--main);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1
}

#header .nav .two_content .two_content_in .pro_group .li .txt {
    max-width: calc(100% - 11px);
    font-size: 16px;
    line-height: 23px;
    color: #333;
    transition: all 0.3s ease
}

#header .nav .two_content .two_content_in .pro_group .li .icon {
    width: 11px;
    height: 15px;
    opacity: 0;
    transition: all 0.3s ease-in-out
}

#header .nav .two_content .two_content_in .pro_group .li .icon .fa {
    stroke: var(--main)
}

#header .nav .two_content .two_content_in .pro_group .li.cur:before {
    height: 12px
}

#header .nav .two_content .two_content_in .pro_group .li.cur .icon {
    opacity: 1
}

#header .nav .two_content .two_content_in .pro_group .pro_one {
    padding-right: 4%;
    width: 30.667%;
    border-right: 1px solid #e5e5e5;
    max-height: 370px;
    overflow-y: hidden
}

#header .nav .two_content .two_content_in .pro_group .pro_one:hover {
    overflow-y: auto
}

#header .nav .two_content .two_content_in .pro_group .pro_two {
    width: calc(100% - 30.667%);
    flex-grow: 1.5
}

#header .nav .two_content .two_content_in .pro_group .pro_two .item,
#header .nav .two_content .two_content_in .pro_group .pro_two .item_in {
    width: 100%;
    height: 100%
}

#header .nav .two_content .two_content_in .pro_group .pro_two .item_in .left {
    width: 48.465%;
    height: 100%;
    max-height: 370px;
    overflow-y: hidden;
    padding: 0 5.8%;
    border-right: 1px solid #e5e5e5
}

#header .nav .two_content .two_content_in .pro_group .pro_two .item_in .left:hover {
    overflow-y: auto
}

#header .nav .two_content .two_content_in .pro_group .pro_two .item_in .left .txt {
    color: #666
}

#header .nav .two_content .two_content_in .pro_group .pro_two .item_in .left .li:before {
    display: none
}

#header .nav .two_content .two_content_in .pro_group .pro_two .item_in .left .li:after {
    content: "";
    display: block;
    width: 3px;
    height: 0;
    overflow: hidden;
    transition: height 0.5s ease-in-out;
    background-color: var(--main);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1
}

#header .nav .two_content .two_content_in .pro_group .pro_two .item_in .left .li .icon {
    display: none
}

#header .nav .two_content .two_content_in .pro_group .pro_two .item_in .left .li.cur .txt {
    color: #666 !important
}

#header .nav .two_content .two_content_in .pro_group .pro_two .item_in .left .li.cur {
    background-color: transparent
}

#header .nav .two_content .two_content_in .pro_group .pro_two .item_in .left .li:hover {
    background-color: #f8f8f8
}

#header .nav .two_content .two_content_in .pro_group .pro_two .item_in .left .li.cur::after,
#header .nav .two_content .two_content_in .pro_group .pro_two .item_in .left .li:hover:after {
    height: 12px
}

#header .nav .two_content .two_content_in .pro_group .pro_two .item_in .right {
    width: calc(100% - 48.465%);
    height: 100%
}

#header .nav .two_content .two_content_in .pro_group .pro_two .item_in .right .pro_box {
    width: 100%;
    height: 100%
}

#header .nav .two_content .two_content_in .pro_group .pro_two .item_in .right .pro_box .hot {
    top: 0;
    left: 0;
    z-index: 2;
    width: 50px;
    height: 22px;
    background-color: #ff6529;
    font-size: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px
}

#header .nav .two_content .two_content_in .pro_group .pro_two .item_in .right .pro_box .pro {
    display: block;
    width: 59.7%;
    margin: 0 auto
}

#header .nav .two_content .two_content_in .pro_group .pro_two .item_in .right .pro_box .pro .pro_img {
    width: 100%;
    height: 280px
}

#header .nav .two_content .two_content_in .pro_group .pro_two .item_in .right .pro_box .pro .pro_img img {
    max-width: 100%;
    max-height: 100%
}

#header .nav .two_content .two_content_in .pro_group .pro_two .item_in .right .info {
    font-size: 16px;
    line-height: 30px;
    color: #333
}

#header .nav .two_content .two_content_in .pro_group .pro_two .item_in .right .info .subname {
    color: #888;
    line-height: 26px
}

#header .nav .two_content .two_content_in .pro_group .scrollbar::-webkit-scrollbar,
#header .nav .two_content .two_content_in .pro_group .scrollbar *::-webkit-scrollbar {
    height: 3px;
    width: 5px;
    background: rgba(173, 173, 173, 0.2);
    border-radius: 2px
}

#header .nav .two_content .two_content_in .pro_group .scrollbar::-webkit-scrollbar:hover,
#header .nav .two_content .two_content_in .pro_group .scrollbar *::-webkit-scrollbar:hover {
    background: rgba(173, 173, 173, 0.2);
    border-radius: 2px
}

#header .nav .two_content .two_content_in .pro_group .scrollbar::-webkit-scrollbar-thumb,
#header .nav .two_content .two_content_in .pro_group .scrollbar *::-webkit-scrollbar-thumb {
    background: rgba(173, 173, 173, 1);
    border-radius: 2px
}

#header .nav .two_content .two_content_in .pro_group .scrollbar::-webkit-scrollbar-thumb:hover,
#header .nav .two_content .two_content_in .pro_group .scrollbar *::-webkit-scrollbar-thumb:hover {
    background-color: rgba(173, 173, 173, 1);
    border-radius: 2px
}

#header .pro_nav {}

#header .nav .two_content .two_content_in .two_item.pro_nav.cur {
    padding: 70px 0 90px
}

#header .pro_nav_one {
    width: 50%
}

#header .pro_nav_one .li {
    margin-top: 75px;
    padding: 0 10px;
    width: 25%
}

#header .pro_nav_one .li:nth-child(-n+4) {
    margin-top: 0
}

#header .pro_nav_one .icon {
    margin: 0 auto;
    width: 55px;
    height: 50px
}

#header .pro_nav_one .txt {
    margin-top: 24px;
    font-size: 16px;
    line-height: 1.5em;
    color: #333;
    transition: all 0.5s ease
}

#header .pro_nav_one .li:hover .txt {
    color: var(--main)
}

#header .pro_nav_two {
    width: 47.22%;
    height: 300px;
    position: relative;
    overflow: hidden
}

#header .pro_nav_two .item {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale(1.05);
    transition: transform 0.5s linear, opacity 0.5s linear, -webkit-transform 0.5s linear
}

#header .pro_nav_two .item img {
    transition: all 0.4s linear
}

#header .pro_nav_two .item.cur {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1)
}

#header .pro_nav_two .item:not(.cur) {
    pointer-events: none
}

#header .pro_nav_two .item:hover img {
    transform: scale(1.05)
}

#header .right {
    width: max-content;
    height: 100%;
    min-height: -webkit-fill-available;
    display: flex;
    align-items: center
}

#header .right .nas_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    width: max-content;
    min-width: 70px;
    height: 36px;
    border: 2px solid var(--main);
    font-size: 16px;
    color: var(--main)
}

#header .right .nas_btn:hover {
    background-color: var(--main);
    color: #fff
}

#header .right .btn2 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    padding: 0 15px;
    width: max-content;
    min-width: 96px;
    height: 36px;
    font-size: 16px;
    color: var(--main);
}

#header .right .btn2 .icon {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background: var(--main);
    border-radius: 3px;
    text-align: center;
}

#header .right .btn2 .icon .fa {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 23px;
    color: #fff;
    fill: #fff;
    line-height: 40px;
}

#header .right .btn2 .txt p {
    color: #333;
}

#header .right .btn2 .txt span {
    font-size: 20px;
    font-weight: bold;
    color: #59ab57;
}

#header .right .btn2:hover {
    opacity: 0.8
}

#header .right .shop_btn .shop_list {
    width: max-content;
    height: max-content;
    overflow: visible;
    top: 100%;
    left: 0;
    z-index: 12
}

#header .right .shop_btn .two-nav {
    display: none;
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3)
}

#header .right .shop_btn .two-nav .hnavbg {
    width: 210px;
    padding: 10px
}

#header .right .shop_btn .two-nav .hnavbg .tnav-a {
    border: 0;
    padding: 10px;
    font-size: 16px;
    line-height: 1.4;
    color: #333;
    border-radius: 5px
}

#header .right .shop_btn .two-nav .hnavbg .tnav-a:hover {
    background-color: #f4f5fa;
    color: var(--main)
}

#header .right .shop_btn .two-nav .hnavbg .tnav-a .icon {
    margin-right: 15px;
    width: 25px;
    height: 25px
}

#header .right .shop_btn .two-nav .hnavbg .tnav-a .txt {
    width: calc(100% - 40px)
}

#header .right .shop_btn .code {
    display: none;
    overflow: hidden;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    width: 150px;
    height: 150px;
    background-color: #fff;
    padding: 10px;
    box-shadow: 0px 0px 40px 10px rgba(0, 0, 0, 0.1);
    pointer-events: none
}

#header .right .shop_btn .code img {
    max-width: 100%;
    max-height: 100%
}

#header .right .shop_btn .code.cur {
    pointer-events: auto
}

#header .right .searchBox {
    margin-left: 30px
}

#header .right .search {
    width: 100%;
    height: 100%
}

#header .right .search .fa {
    display: block;
    font-size: 20px;
    width: 20px;
    height: 20px;
    color: #fff;
    fill: #fff;
    stroke: #fff
}

#header .right .searchBox .search_box {
    border-top: 1px solid #e5e5e5;
    width: 100%;
    top: 89px;
    z-index: 10;
    display: none;
    left: 0
}

#header .right .searchBox .search_box.cur {
    display: block;
    left: 0
}

#header .right .searchBox .search_box .search_box_in {
    position: relative;
    background: #fff;
    max-height: calc(100vh - 90px);
    overflow: auto;
    padding: 40px 0 55px
}

#header .right .searchBox .search_box .search_box_in .search_form {
    margin-bottom: 30px;
    width: 100%;
    border-bottom: 1px solid #e5e5e5
}

#header .right .searchBox .search_box .search_box_in .search_form .input {
    display: block;
    width: calc(100% - 110px);
    height: 55px;
    z-index: 5;
    padding-right: 30px;
    overflow: hidden
}

#header .right .searchBox .search_box .search_box_in .search_form .input input {
    width: 100%;
    height: 100%;
    font-size: 16px;
    display: block
}

#header .right .searchBox .search_box .search_box_in .search_form .submit {
    width: 55px;
    height: 55px;
    margin: 0;
    line-height: 66px;
    text-align: center;
}

#header .right .searchBox .search_box .search_box_in .search_form .submit .input {
    width: calc(100% - 55px)
}

#header .right .searchBox .search_box .search_box_in .search_form .submit .input input {
    width: 100%;
    height: 100%
}

#header .right .searchBox .search_box .search_box_in .search_form .del {
    width: 55px;
    height: 55px;
    background-size: 22px;
    opacity: 0
}

#header .right .searchBox .search_box .search_box_in .search_form .del.cur {
    opacity: 1
}

#header .right .searchBox .search_box .search_box_in .links {}

#header .right .searchBox .search_box .search_box_in .links .tit {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.5;
    color: #b6b6c0
}

#header .right .searchBox .search_box .search_box_in .links .ul .li {
    border: 0;
    padding: 0;
    margin-top: 20px;
    font-size: 18px;
    line-height: 1.5;
    color: #333
}

#header .right .searchBox .search_box .search_box_in .links .ul .li:hover {
    color: var(--main)
}

#header .right .searchBox .search_back {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 89px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.4s ease
}

#header .right .searchBox .search_back.cur {
    opacity: 1;
    pointer-events: auto
}

#shopBox {
    width: 342px;
    height: auto;
    z-index: 51;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    justify-content: center;
    align-items: center;
    display: none;
    transition: all 0.2s
}

#shopBox.cur {
    display: flex
}

#shopBox .box {
    position: relative;
    background-color: #fff;
    padding-bottom: 9px
}

#shopBox .box .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 20px 24px;
    line-height: 1.5;
    color: #222;
    font-weight: 700;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 9px
}

#shopBox .box .top .title {
    line-height: 1.5;
    font-weight: 700
}

#shopBox .box .close_btn {
    width: 25px;
    fill: #333
}

#shopBox .box .close_btn .fa {
    width: 100%;
    height: 100%;
    font-size: 25px;
    color: #333
}

#shopBox .box .ul {}

#shopBox .box .ul .li {
    border: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px 24px;
    line-height: 1
}

#shopBox .box .ul .li .icon {
    width: 35px;
    height: 35px
}

#shopBox .box .ul .li .txt {
    width: calc(100% - 70px);
    padding: 0 15px;
    color: #333
}

#shopBox .box .ul .li .icon2 {
    width: 35px
}

#shopBox .box .ul .li .icon2 .fa {
    font-size: 13px;
    color: #333;
    fill: #333;
    transform: scale(0.3);
    width: 100%;
    height: 100%
}

#shopBox .box .top,
#shopBox .box .ul .li,
#shopBox .box .ul .li.li_xcx .code .txt {
    font-size: 16px
}

#shopBox .box .ul .li.li_xcx {
    flex-wrap: wrap
}

#shopBox .box .ul .li.li_xcx .code {
    width: 100%
}

#shopBox .box .ul .li.li_xcx .code .pic {
    margin: 0 auto 15px;
    width: 135px;
    height: 135px
}

#shopBox .box .ul .li.li_xcx .code .txt {
    margin: 0 auto;
    width: 65%;
    padding: 0;
    color: #666
}

#m-nav,
#header .right .menu,
#shopBox {
    display: none
}

#header.cur,
#header.cur2,
#header.none,
#header.white,
#header.headerWhite {
    background-color: #fff
}

#header.cur .nav .one-nav .one-a,
#header.cur2 .nav .one-nav .one-a,
#header.none .nav .one-nav .one-a,
#header.white .nav .one-nav .one-a,
#header.txt_w .nav .one-nav .one-a,
#header.headerWhite .nav .one-nav .one-a {
    color: #222
}

#header.cur .nav .one-nav .one-a:hover,
#header.headerWhite .nav .one-nav .one-a:hover,
#header.cur2 .nav .one-nav .one-a:hover,
#header.none .nav .one-nav .one-a:hover,
#header.white .nav .one-nav .one-a:hover,
#header.cur .nav .one-nav.on .one-a,
#header.headerWhite .nav .one-nav.on .one-a,
#header.cur2 .nav .one-nav.on .one-a,
#header.none .nav .one-nav.on .one-a,
#header.cur .nav .one-nav.on .one-a,
#header .nav .one-nav.enter .one-a {
    color: rgba(var(--main2), 0.85)
}

#header.cur .logo .fa,
#header.headerWhite .logo .fa,
#header.cur2 .logo .fa,
#header.none .logo .fa,
#header.white .logo .fa,
#header.txt_w .logo .fa {
    color: #333;
    stroke: #333;
    fill: #333
}

#header.headerWhite .right .search .fa,
#header.cur .right .search .fa,
#header.cur2 .right .search .fa,
#header.none .right .search .fa,
#header.white .right .search .fa,
#header.txt_w .right .search .fa {
    color: #222;
    stroke: #333;
    fill: #222
}

#header.headerWhite {
    border-color: #e5e5e5
}

.op_pg {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: rgba(247, 250, 251, 0.1);
    margin: 0 !important
}

.op_pg.swiper-button-disabled {
    display: none
}

.op_pg .fa {
    width: 20px;
    font-size: 20px;
    stroke: #fff;
    color: #fff;
    fill: #fff;
    opacity: 0.5
}

.op_pg.prev {
    left: 3.125%
}

.op_pg.prev .fa {
    transform: rotate(180deg)
}

.op_pg.next {
    right: 3.125%
}

.op_pg:hover {
    background-color: rgba(247, 250, 251, 0.2)
}

.op_pg:hover .fa {
    opacity: 1
}

#index_swi .box .op_pg,
#index_blog .box .op_pg {
    opacity: 1
}

#footer {
    background-color: #f8f8f8
}

#footer .logo-img{
    width: 100%;
}

#footer .ftop {
    padding: 20px 0 20px;
    align-items: center;
}

#footer .ftop .foot_left {
    width: 17.58%
}

#footer .ftop .foot_left .logo {
    width: 192px;
}

#footer .ftop .foot_left .logo .fa {
    font-size: 27px;
    color: #333;
    stroke: #333;
    fill: #333
}

#footer .ftop .foot_left .fsearch {
    margin-top: 48px
}

#footer .ftop .foot_left .fsearch .fform {
    width: 100%;
    height: 55px;
    z-index: 5;
    padding: 0 5px;
    overflow: hidden;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 50px
}

#footer .ftop .foot_left .fsearch .fform .submit {
    margin-bottom: 0;
    width: 60px;
    height: 100%;
}

#footer .ftop .foot_left .fsearch .fform .input {
    margin: 0;
    width: calc(100% - 55px);
    height: 100%
}

#footer .ftop .foot_left .fsearch .fform .input input {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #1a1a1a;
    padding-left: 20px
}

#footer .ftop .foot_left .fsearch .fform:hover {
    border-color: var(--main)
}

#footer .ftop .foot_nav {
    display: flex;
    justify-content: space-between;
    flex-direction: initial;
    width: 63.15%
}

#footer .ftop .foot_nav .fnav {
    max-width: 25%
}

#footer .ftop .foot_nav .fnav .fnav-one .one-a {
    font-size: 20px;
    line-height: 1;
    color: #221f1c;
    font-weight: 500
}

#footer .ftop .foot_nav .fnav .fnav-one .one-a:hover {
    color: var(--main)
}

#footer .ftop .foot_nav .fnav .fnav-two {
    margin-top: 26px
}

#footer .ftop .foot_nav .fnav .fnav-two .list .two-a {
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent;
    margin-top: 15px;
    font-size: 16px;
    color: #666;
    line-height: 22px
}

#footer .ftop .foot_nav .fnav .fnav-two .list .two-a:first-child {
    margin-top: 0
}

#footer .ftop .foot_nav .fnav .fnav-two .list .two-a:hover {
    color: var(--main)
}

#footer .flink {
    padding: 15px 0
}

#footer .flink .flink_item .in_box {
    width: max-content
}

#footer .flink .link_box {
    padding: 0
}

#footer .flink .link_box .select {
    margin-right: 30px;
    width: 180px;
    height: 55px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease
}

#footer .flink .link_box .select .con {
    height: 100%;
    padding: 0 30px 0 26px;
    font-size: 16px;
    color: #666;
    position: relative
}

#footer .flink .link_box .select .con::before {
    content: "";
    display: block;
    width: 100%;
    height: 30px;
    position: absolute;
    top: -20px;
    left: 0;
    background-color: transparent;
    z-index: 1
}

#footer .flink .link_box .select .list {
    position: absolute;
    left: 0;
    bottom: 65px;
    min-width: 100%;
    max-width: 130%;
    height: 0;
    z-index: 2;
    overflow: hidden
}

#footer .flink .link_box .select .list .h {
    background: #fff;
    height: max-content;
    overflow: hidden
}

#footer .flink .link_box .select .list .h .listwrap {
    padding: 10px 0;
    height: max-content;
    max-height: 180px;
    overflow-y: auto
}

#footer .flink .link_box .select .list .h .li a {
    display: inline-block;
    width: max-content;
    min-width: 100%;
    padding: 0 25px;
    font-size: 16px;
    color: #666666;
    line-height: 40px
}

#footer .flink .link_box .select .list .h .li:hover a {
    background: #fafafa;
    color: var(--main)
}

#footer .flink .link_box .select:hover {
    background-color: var(--main);
}

#footer .flink .link_box .select:hover .con {
    color: #fff
}

#footer .flink .share_box {
    padding: 0
}

#footer .flink .share_box .s {
    margin-right: 10px
}

#footer .flink .share_box .s:last-child {
    margin-right: 0
}

#footer .flink .share_box .s .icon {
    width: 45px;
    height: 45px;
    border: 1px solid #e3e3e3;
    border-radius: 50%;
    overflow: hidden
}

#footer .flink .share_box .s .icon .fa {
    width: 25px;
    font-size: 20px;
    color: #adadad;
    fill: #adadad;
    text-align: center;
}

#footer .flink .share_box .s:nth-child(2) .icon .fa {
    font-size: 18px
}

#footer .flink .share_box .s .ewm {
    padding: 10px;
    width: 120px;
    height: 120px;
    top: -135px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    border-radius: 5px;
    background: #fff
}

#footer .flink .share_box .s .ewm img {
    width: 100%;
    height: 100%
}

#footer .flink .share_box .s .ewm::before {
    content: "";
    display: block;
    width: 8px;
    height: 7px;
    position: absolute;
    bottom: -7px;
    ;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1
}

#footer .flink .share_box .s:hover .icon {
    background-color: var(--main);
    border-color: var(--main)
}

#footer .flink .share_box .s:hover .icon .fa {
    color: #fff;
    fill: #fff
}

#footer .flink .share_box .s:hover .ewm {
    display: inline-block
}

#footer .fbot {
    padding: 18px 0;
    background-color: #e5e5e5
}

#footer .fbot .p,
#footer .fbot>*,
#footer .fbot * {
    font-size: 14px;
    color: #999;
    line-height: 21px
}

#footer .fbot .p img {
    display: none
}

#footer .fbot span {
    display: inline-block;
    margin-left: 18px
}

#footer .fbot .li:nth-child(2) .p {
    padding-left: 28px;
    position: relative
}

#footer .fbot .li:nth-child(2) .p::before {
    content: "";
    display: block;
    width: 25px;
    height: 28px;
    background-size: 22px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1
}

#footer .fbot .a:hover {
    color: var(--main)
}

#float_win {
    right: 1.56vw;
    bottom: 6.25%;
    z-index: 20
}

#float_win .float_icon {
    display: block
}

#float_win .float_icon .icon-wrap {
    margin-top: 10px;
    width: 60px;
    height: 60px;
    background-color: #fff;
    cursor: pointer;
    overflow: hidden;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    transform: translateZ(0);
    overflow: hidden
}

#float_win .float_icon .icon-wrap .img {
    width: 100%;
    height: auto;
    border-color: transparent;
    vertical-align: middle;
    margin-top: 2px;
    text-align: center;
}

#float_win .float_icon .icon-wrap .img .fa {
    font-size: 16px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 18px;
    -webkit-font-smoothing: antialiased;
    color: #666;
    transition: color 0.3s ease;
    line-height: 1
}

#float_win .float_icon.active .icon-wrap .img .fa,
#float_win .float_icon .icon-wrap:hover .img .fa {
    color: var(--main);
    line-height: 1
}

#float_win .float_icon .icon-wrap .txt {
    width: 100%;
    text-align: center;
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.2;
    color: #666
}

#float_win .float_icon.back_top .icon-wrap {
    margin-top: 0;
    height: 0;
    background-color: #666;
    transition: all 0.5s ease-in-out;
    box-shadow: none
}

#float_win .float_icon.back_top .icon-wrap .fa {
    color: #fff
}

#float_win .float_icon.back_top .icon-wrap .txt {
    color: #fff
}

#float_win .float_icon.back_top.open .icon-wrap {
    margin-top: 10px;
    height: 60px;
    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.05)
}

#float_win .float_icon.back_top.open:hover .icon-wrap {
    background-color: #333
}

#float_win .float_icon.back_top.open:hover .icon-wrap .fa {
    color: #fff
}

#float_win .scrollbar::-webkit-scrollbar,
#float_win .scrollbar *::-webkit-scrollbar {
    height: 3px;
    width: 5px;
    background: rgba(173, 173, 173, 0.2);
    border-radius: 2px
}

#float_win .scrollbar::-webkit-scrollbar:hover,
#float_win .scrollbar *::-webkit-scrollbar:hover {
    background: rgba(173, 173, 173, 0.2);
    border-radius: 2px
}

#float_win .scrollbar::-webkit-scrollbar-thumb,
#float_win .scrollbar *::-webkit-scrollbar-thumb {
    background: rgba(173, 173, 173, 1);
    border-radius: 2px
}

#float_win .scrollbar::-webkit-scrollbar-thumb:hover,
#float_win .scrollbar *::-webkit-scrollbar-thumb:hover {
    background-color: rgba(173, 173, 173, 1);
    border-radius: 2px
}

#float_win .community-win-box {
    right: 80px;
    bottom: 0px;
    z-index: -5;
    opacity: 0;
    transform: translateY(10px);
    width: 320px;
    height: max-content;
    background-color: #fff;
    padding: 25px 22px 25px 30px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    transition: transform 0.42s cubic-bezier(0.32, 0.94, 0.6, 1) 0s, opacity 0.32s cubic-bezier(0.32, 0.94, 0.6, 1) 0s;
    overflow: hidden
}

#float_win .community-win-box.mb100 {
    margin-bottom: -100000px
}

#float_win .community-win-box.active {
    z-index: 5;
    opacity: 1;
    transform: translateY(0)
}

#float_win .community-win-box .community-title {
    max-width: calc(100% - 10px);
    font-size: 18px;
    line-height: 28px;
    color: #333;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#float_win .community-win-box .community-title h2 {
    font-size: 18px
}

#float_win .community-win-box .community-title img {
    width: 20px;
    height: 20px;
    cursor: pointer
}

#float_win .community-win-box .community-content {
    padding: 25px 0 17px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap
}

#float_win .community-win-box .community-content .icon-box img {
    width: 30px;
    height: 30px
}

#float_win .community-win-box .community-content .description {
    width: calc(100% - 44px);
    line-height: 20px;
    color: #333
}

#float_win .community-win-box .community-content .description li {
    font-weight: 500;
    line-height: 1.7;
    font-size: 16px
}

#float_win .community-win-box .community-content .description .qrcode {
    margin: 15px 0px;
    width: 105px;
    height: 105px
}

#float_win .community-win-box .community-footer {
    display: flex;
    flex-wrap: nowrap;
    height: 100px;
    overflow: hidden;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px
}

#float_win .community-win-box .community-footer .gif {
    width: 100px
}

#float_win .community-win-box .community-footer p {
    font-size: 15px;
    color: #c2c2c2
}

#breadcrumb {
    width: 100%;
    height: max-content
}

#breadcrumb .bread_swiper {
    width: 100%;
    min-height: auto
}

#breadcrumb .bread_swiper .slide {
    display: flex !important;
    width: max-content
}

#breadcrumb .bread_swiper .swiper-wrapper {
    align-items: baseline;
}

#breadcrumb .bread_swiper i.fa-angle-right {
    margin: 0 8px;
}

#breadcrumb {
    font-size: 14px;
    line-height: 24px;
    color: #999;
    position: relative
}

#breadcrumb .bread_swiper a:last-of-type {
    color: #666
}

#breadcrumb .crumb::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #666;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s ease-in-out
}

#breadcrumb .crumb:hover::before {
    opacity: 1
}

#breadcrumb .icon {
    transform: translateY(-1px);
    margin-right: 10px
}

#breadcrumb .icon .fa {
    width: 18px;
    height: 24px;
    color: #999;
    fill: #999
}

#breadcrumb .jt {
    margin: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

#breadcrumb .jt .fa {
    font-size: 7px;
    color: #999;
    fill: #999
}

#breadcrumb i.fa-home {
    font-size: 18px
}

#breadcrumb.txt_w .crumb {
    color: #fff;
    opacity: 0.75
}

#breadcrumb.txt_w .bread_swiper .slide:last-of-type .crumb {
    color: #fff;
    opacity: 1
}

#breadcrumb.txt_w .crumb::before {
    background-color: #fff
}

#breadcrumb.txt_w .icon .fa,
#breadcrumb.txt_w .jt .fa {
    color: #fff;
    fill: #fff;
    opacity: 0.7
}

#breadcrumb.txt_b .crumb {
    color: #888
}

#breadcrumb.txt_b .bread_swiper .slide:last-of-type .crumb {
    color: #222
}

#breadcrumb.txt_b .bread_swiper .slide:last-of-type .crumb::before {
    background-color: #222
}

#breadcrumb.txt_b .icon .fa,
#breadcrumb.txt_b .jt .fa {
    color: #888;
    fill: #888
}

#page_list {}

#page_list .cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

#page_list .cont .pg_btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 5px;
    font-size: 16px;
    color: #666;
    cursor: pointer;
    border: 1px solid #e5e5e5
}

.backColorf4 #page_list .cont .pg_btn {
    border-color: transparent
}

#page_list .cont ul {
    height: max-content;
    width: max-content;
    margin: 0;
    padding: 0
}

#page_list .cont ul li {
    float: left;
    width: max-content;
    height: max-content
}

#page_list .cont .pg_btn .fa {
    font-size: 15px;
    color: #666;
    width: 15px;
    fill: #666
}

#page_list .cont .pg_btn:hover,
#page_list .cont .pg_btn.active {
    background-color: #333;
    color: #fff;
    border-color: #333
}

#page_list .cont .pg_btn:hover .fa,
#page_list .cont .pg_btn.active .fa {
    color: #fff;
    fill: #fff
}

#page_list .cont .pg_btn.prev_start .fa,
#page_list .cont .pg_btn.prev .fa {
    transform: rotate(180deg)
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

.spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    border-top-color: #ccc;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-right: 6px
}

@keyframes changeOpacity1 {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes changeOpacity2 {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@media (max-width:1680px) {
    .container-center {
        width: 85.666%;
        max-width: 1440px
    }

    #header .nav {
        width: 43.44%
    }

    #header .pro_nav_two {
        height: 17vw
    }
}

@media (max-width:1536px) {
    #header .pro_nav_one .li {
        margin-top: 3.5vw
    }

    #header .nav .two_content .two_content_in .two_item.pro_nav.cur {
        padding: 90px 0
    }

}

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

@media (max-width:1440px) {
    #header .nav .two_content .two_content_in .two_item .two_ul .tnav-a {
        padding-bottom: 10px
    }

    #header .nav .two_content .two_content_in .two_item .two_ul .tnav-a .txt {
        font-size: 16px
    }

    #header .nav .two_content .two_content_in .two_item .two_ul .three_ul .three-a {
        margin-top: 15px
    }

    #header .nav .two_content .two_content_in .pro_group .pro_two .item_in .right .pro_box .pro .pro_img {
        height: 224px
    }

    #header .pro_nav_one .icon {
        width: 50px;
        height: 45px
    }

    #header .pro_nav_one .txt {
        margin-top: 18px
    }

    #footer .ftop .foot_nav {
        width: 68%
    }

    #footer .fbot span {
        margin-left: 10px
    }

    #float_win {
        right: 1.3vw
    }

    #float_win .float_icon .icon-wrap {
        width: 55px;
        height: 55px
    }

    #float_win .float_icon.back_top.open .icon-wrap {
        height: 55px;
        line-height: 55px
    }

    #float_win .float_icon .icon-wrap .txt {
        display: none
    }

    #float_win .float_icon .icon-wrap .icon {
        font-size: 17px
    }
}

@media (max-width:1366px) {
    .ind_tit {
        font-size: 38px
    }

    #header .nav {
        width: 45.44%
    }

    #header .nav .two_content .two_content_in {
        height: 420px
    }

    #header .pro_nav_one {
        width: 51%
    }

    #footer .ftop .foot_left {
        width: 20%
    }

    #float_win .float_icon .icon-wrap {
        width: 50px;
        height: 50px
    }

    #float_win .float_icon.back_top.open .icon-wrap {
        height: 50px
    }

    #products_cate .form {
        top: -15px
    }
}

@media (max-width:1280px) {
    #header .logo .fa {
        font-size: 23px;
        width: 180px;
        height: 23px
    }

    #header .nav .two_content .two_content_in .two_item .two_ul .three_ul {
        margin-top: 25px
    }

    #header .nav .two_content .two_content_in .two_item .two_ul .three_ul .three-a {
        margin-top: 10px
    }

    #header .nav .two_content .two_content_in .pro_group .pro_one {
        padding-right: 3%
    }

    #header .nav .two_content .two_content_in .pro_group .pro_two .item_in .left {
        padding: 0 4.4%
    }

    #header .nav .two_content .two_content_in .two_item .two_ul .three_ul {
        height: 250px
    }

    #footer .ftop .foot_left {
        width: 23%
    }

    #footer .flink {
        padding: 40px 0
    }

}

@media (max-width:1200px) {
    #header .nav .two_content .two_content_in .two_item .two_ul .tnav-a .txt {
        font-size: 16px
    }

    #header .nav .two_content .two_content_in .two_item .two_ul .three_ul .three-a,
    #header .nav .two_content .two_content_in .pro_group .pro_two .item_in .left .txt {
        font-size: 14px
    }

    #header .right .shop_btn .shop_list,
    #header .right .shop_btn .two-nav {
        display: none !important
    }

    #header .pro_nav_one {
        width: 100%
    }

    #header .pro_nav_two {
        display: none
    }
}

@media (max-width:1150px) {
    #header .nav .one-nav .one-a {
        font-size: 14px
    }

    #header .right .nas_btn,
    #header .right .btn2 {
        font-size: 16px
    }

    #header .right .shop_btn .two-nav {
        left: 50%;
        transform: translateX(-50%)
    }
}

@media (max-width:1050px) {
    #header {
        display: flex;
        align-items: center
    }

    #header .container-center {
        height: 100%;
        width: 95vmax
    }

    #header .container-center .logo {
        padding-left: 5px
    }

    #header .nav {
        display: none
    }

    #header .right {
        width: max-content;
        height: 100%
    }

    #header .right .searchBox {
        margin-left: 15px;
        width: max-content;
        height: 100%
    }

    #header .right .search {
        padding: 0 10px;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    #header .right .search .fa {
        width: 20px
    }

    #header .right .menu {
        display: flex;
        margin-left: 15px;
        height: 100%;
        padding: 0 10px
    }

    #header .right .menu span {
        display: block;
        width: 23px;
        height: 2px;
        margin-bottom: 5px;
        border-radius: 5px;
        background-color: #fff;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear
    }

    #header .right .menu span:last-child {
        margin-bottom: 0
    }

    #header.cur .right .menu span,
    #header.cur2 .right .menu span,
    #header.none .right .menu span,
    #header:hover .right .menu span,
    #header.headerWhite .right .menu span {
        background-color: #333
    }

    #header .right .menu.cur span:nth-child(1) {
        transform: rotate(45deg);
        margin: 0;
        margin-top: 2px
    }

    #header .right .menu.cur span:nth-child(2) {
        display: none
    }

    #header .right .menu.cur span:nth-child(3) {
        transform: rotate(-45deg);
        margin: 0;
        margin-top: -2px
    }

    #m-nav {
        display: block;
        width: 100%;
        height: calc(100vh - 89px);
        z-index: 15;
        left: 100%;
        top: 89px;
        background: #fff
    }

    #m-nav.cur {
        left: 0
    }

    #m-nav .nav {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden
    }

    #m-nav .nav .oneBox {
        width: 100%;
        padding-top: 15px
    }

    #m-nav .nav .one-nav {
        border: 0;
        padding: 0;
        line-height: 60px
    }

    #m-nav .nav .one-nav .one {
        cursor: pointer;
        margin: 0 30px;
        border-bottom: 1px solid #ebebeb;
        background-size: 22px
    }

    #m-nav .nav .one-nav.nobg .one {
        background: none
    }

    #m-nav .nav .one-nav .one-a {
        font-size: 18px;
        color: #333;
        font-weight: 500;
        width: 100%;
    }

    #m-nav .nav .one-nav .one-a a{
        display: block;
    }

    #m-nav .nav .one-nav .one-a .fa{
        float: right;
        line-height: 50px;
        font-size: 26px;
    }

    #m-nav .twoBox {
        display: block;
        width: 100%;
        height: 100%;
        max-height: calc(100% - 90px);
        overflow-y: auto;
        position: fixed;
        left: 100%;
        top: 89px;
        right: inherit;
        bottom: inherit;
        z-index: 16;
        background-color: #fff;
        transition: all 0.5s ease-in-out
    }

    #m-nav .twoBox.cur {
        left: 0
    }

    #m-nav .twoBox .two_nav {
        display: none;
        border: 0;
        padding: 0;
        padding: 30px
    }

    #m-nav .twoBox .two_nav .back {
        display: flex;
        align-items: center;
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 1.5;
        color: #666;
        font-weight: 500
    }

    #m-nav .twoBox .two_nav .back .fa {
        transform: rotate(180deg) scale(0.8);
        margin-right: 20px
    }

    #m-nav .twoBox .two_nav .one_name {
        padding-bottom: 15px;
        font-size: 18px;
        line-height: 1.5;
        color: #333;
        font-weight: bold;
        border-bottom: 1px solid #ebebeb
    }

    #m-nav .twoBox .two_nav .two {}

    #m-nav .twoBox .two_nav .two .two_li {
        width: 100%
    }

    #m-nav .twoBox .two_nav .two .two_li .two_a {
        width: 100%;
        padding: 20px 0;
        border-bottom: 1px solid #ebebeb;
        background-size: 22px
    }

    #m-nav .twoBox .two_nav .two .two_li .two_a.nobg {
        background: none;
        display: block
    }

    #m-nav .twoBox .two_nav .two .two_li .two_a.nobg a {
        display: block
    }

    #m-nav .twoBox .two_nav .two .two_li.cur .two_a.nobg {
        background: none
    }

    #m-nav .twoBox .two_nav .two .two_li .two_a .a {
        display: inline-block;
        font-size: 14px;
        color: #333
    }

    #m-nav .twoBox .two_nav .two .two_li .three_ul {}

    #m-nav .twoBox .two_nav .two .two_li .three_ul .in {
        padding: 0 30px;
        border-bottom: 1px solid #ebebeb
    }

    #m-nav .twoBox .two_nav .two .two_li .three_ul .three-a {
        padding: 15px 0;
        border-bottom: 1px solid #ebebeb;
        font-size: 14px;
        line-height: 1.4;
        color: #333
    }

    #m-nav .twoBox .two_nav .two .two_li .three_ul .three-a:last-child {
        border: 0;
        padding-bottom: 30px
    }

    #m-nav .shopTwoBox {
        opacity: 0;
        position: -webkit-fixed;
        position: fixed;
        top: 90px
    }

    #m-nav .shopTwoBox.cur {
        opacity: 1
    }

    #m-nav .shopTwoBox .two_nav .two .two_li .two_a {
        border: 0;
        border-bottom: 1px solid #ebebeb;
        display: flex;
        align-items: center;
        transition: all 0.3s ease
    }

    #m-nav .shopTwoBox .two_nav .two .two_li .two_a .icon {
        margin-right: 15px;
        width: 35px;
        height: 35px
    }

    #m-nav .shopTwoBox .two_nav .two .two_li .two_a .a {
        width: calc(100% - 50px)
    }

    #m-nav .shopTwoBox .two_nav .two .two_li .two_a.two_a_xcx {
        background-image: inherit;
        flex-wrap: wrap
    }

    #m-nav .shopTwoBox .two_nav .two .two_li .two_a.two_a_xcx .code {
        padding: 10px 0;
        width: 100%
    }

    #m-nav .shopTwoBox .two_nav .two .two_li .two_a.two_a_xcx .code .pic {
        width: 50%
    }

    #m-nav .shopTwoBox .two_nav .two .two_li .two_a.two_a_xcx .code .pic img {
        max-width: 100%;
        width: 135px;
        height: 135px
    }

    #m-nav .shopTwoBox .two_nav .two .two_li .two_a.two_a_xcx .code .txt {
        width: 50%;
        font-size: 16px;
        line-height: 1.2;
        color: #666
    }

    #footer .ftop {
        padding: 65px 0 55px;
        flex-direction: column
    }

    #footer .ftop .foot_left {
        width: 100%
    }

    #footer .ftop .foot_left .logo {
        margin: 0 auto
    }

    #footer .ftop .foot_left .fsearch {
        margin-top: 30px
    }

    #footer .ftop .foot_nav {
        width: 100%;
        margin-top: 40px
    }

    #footer .ftop .foot_nav .fnav .fnav-one .one-a {
        font-size: 18px
    }

    #footer .fbot span {
        margin-left: 0px
    }

    #float_win {
        right: 1.1vw
    }

    .banner_breadcrumb {
        width: 100%
    }

    .banner_breadcrumb #breadcrumb {
        font-size: 12px;
        margin: 0 20px;
        box-sizing: border-box;
        width: calc(100% - 40px)
    }

    .banner_breadcrumb #breadcrumb .container-center {
        max-width: 100%;
        width: auto;
        display: inline-block
    }

    #m-nav .pro_two {}

    #m-nav .pro_two .li {
        margin-top: 8vw;
        padding: 0 10px;
        width: 25%
    }

    #m-nav .pro_two .li .icon {
        margin: 0 auto;
        width: 5vw;
        height: 5vw
    }

    #m-nav .pro_two .li .txt {
        margin-top: 24px;
        font-size: 18px;
        line-height: 1.5;
        color: #333
    }

}

@media (max-width:992px) {
    html {
        font-size: calc(100vw/7.5)
    }

    .border-radius50 {
        border-radius: 0.5rem
    }

    .border-radius30 {
        border-radius: 0.3rem
    }

    .border-radius25 {
        border-radius: 0.25rem
    }

    .border-radius22 {
        border-radius: 0.22rem
    }

    .border-radius20 {
        border-radius: 0.2rem
    }

    .border-radius16 {
        border-radius: 0.16rem
    }

    .border-radius8 {
        border-radius: 0.08rem
    }

    .border-radius6 {
        border-radius: 0.06rem
    }

    .container-center {
        width: 94vmin
    }

    .ind_tit {
        font-size: 0.298rem;
        font-weight: 600
    }

    #header {
        box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2)
    }

    #header,
    #header.cur,
    #header.none {
        height: 66px;
        top: 0;
        transform: translateY(0);
        border-color: transparent;
        background-color: #fff
    }

    #m-nav,
    #header .nav .two_content,
    #header .right .searchBox .search_box,
    #m-nav .shopTwoBox {
        top: 66px
    }

    #m-nav,
    #header .right .searchBox .search_box .search_box_in {
        max-height: calc(100vh - 66px);
        height: calc(100vh - 66px)
    }

    #header .right .searchBox .search_back {
        display: none !important
    }

    #banner {
        margin-top: 0
    }

    #header .logo .fa {
        font-size: 21px;
        width: 180px;
        margin-left: 0;
        color: #333;
        stroke: #333;
        fill: #333
    }

    #header .right .searchBox {
        margin-left: 0
    }

    #header .right .search {
        padding: 0 1.5vw
    }

    #header .right .search .fa {
        width: 2.5vw
    }

    #header .right .menu {
        padding: 0 1.5vw;
        margin-left: 2vw;
        width: max-content
    }

    #header .right .menu span {
        background-color: #333
    }

    #header .right .nas_btn,
    #header .right .btn2 {
        display: none
    }

    #m-nav .twoBox {
        max-height: calc(100% - 66px);
        top: 66px
    }

    #m-nav .nav .one-nav .one-a {
        font-size: 0.14rem
    }

    #m-nav .twoBox .two_nav .back {
        margin-bottom: 40px;
        font-size: 0.13rem
    }

    #m-nav .twoBox .two_nav .one_name {
        font-size: 0.16rem
    }

    #m-nav .twoBox .two_nav .two .two_li .two_a .a {
        font-size: 0.13rem
    }

    #m-nav .twoBox .two_nav .two .two_li .three_ul .three-a {
        font-size: 0.11rem
    }

    #m-nav .shopTwoBox .two_nav .two .two_li .two_a.two_a_xcx .code .txt {
        font-size: 0.11rem
    }

    #m-nav .bot {
        width: 92%;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 1;
        position: absolute;
        bottom: 18%;
        left: 50%;
        transform: translateX(-50%);
        transition: all 0.5s ease-in-out
    }

    #m-nav .bot.cur {
        bottom: -100%;
        opacity: 0
    }

    #m-nav .nas_btn,
    #m-nav .btn2 {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 0.3rem;
        width: max-content;
        min-width: auto;
        height: 50px;
        border: 2px solid var(--main);
        font-size: 0.15rem;
        color: var(--main)
    }

    #m-nav .btn2 {
        margin-left: 5vw;
        color: #fff;
        background-color: var(--main)
    }

    #m-nav .btn2 .icon {
        width: 0.2rem;
        margin-right: 0.2rem
    }

    #m-nav .btn2 .icon .fa {
        font-size: 0.2rem;
        width: 100%;
        height: 100%;
        color: #fff;
        fill: #fff
    }

    #header .right .searchBox .search {
        width: 100%;
        height: 100%
    }

    #header .right .searchBox .search .fa {
        color: #333;
        fill: #333
    }

    #header.cur .right .search .fa,
    #header.cur2 .right .search .fa,
    #header.none .right .search .fa,
    #header:hover .right .search .fa {
        fill: #333
    }

    #header .right .searchBox .search_box {
        display: block !important;
        height: 100vh;
        top: 0;
        left: 100%;
        bottom: inherit;
        right: inherit;
        border: 0
    }

    #header .right .searchBox .search_box .search_box_in {
        max-height: 100vh;
        height: 100%
    }

    #header .right .searchBox .search_box .search_box_in .top {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    #header .right .searchBox .search_box .search_box_in .search_form {
        margin-bottom: 0;
        width: calc(100% - 60px);
        border-radius: 0.12rem;
        border: none;
        background-color: #f7f7f7;
        overflow: hidden;
        flex-direction: row-reverse
    }

    #header .right .searchBox .search_box .search_box_in .search_form .submit {
        width: 60px;
        height: 50px
    }

    #header .right .searchBox .search_box .search_box_in .search_form .del {
        display: none
    }

    #header .right .searchBox .search_box .search_box_in .search_form .input {
        padding: 0 0.2rem;
        width: calc(100% - 60px);
        height: 50px
    }

    #header .right .searchBox .search_box .search_box_in .search_form .input input {
        font-size: 0.14rem
    }

    #header .right .searchBox .search_box .search_box_in .top .cancel {
        display: block;
        font-size: 0;
        width: 0.45rem;
        height: 0.45rem;
        background-size: 3vw;
        line-height: 0.7rem;
        text-align: center;
    }

    #header .right .searchBox .search_box .search_box_in .links {
        margin-top: 5vw
    }

    #header .right .searchBox .search_box .search_box_in .links .tit,
    #header .right .searchBox .search_box .search_box_in .links .ul .li {
        font-size: 0.14rem
    }

    .op_pg {
        opacity: 1;
        width: 15px;
        height: 25px;
        background-color: transparent;
        bottom: 1%;
        top: inherit !important
    }

    .op_pg:hover {
        background-color: transparent;
        opacity: 1
    }

    .op_pg .fa {
        opacity: 1
    }

    #index_swi .box .op_pg {
        display: none
    }

    #shopBox .box .top,
    #shopBox .box .ul .li,
    #shopBox .box .ul .li.li_xcx .code .txt {
        font-size: 0.128rem
    }

    #shopBox .box .ul .li .txt,
    #shopBox .box .ul .li.li_xcx .code .txt {
        line-height: 1.3
    }

    #shopBox .box .ul .li.li_xcx .code .txt {
        width: 61%
    }

    #shopBox .box .ul .li {
        border-bottom: 1px solid #ebebeb
    }

    #shopBox .box .ul .li:last-child {
        border: 0
    }

    #footer .ftop {
        padding: 6.2vw 0px 0;
        border: 0
    }

    #footer .ftop .foot_left .logo {
        display: none
    }

    #footer .ftop .foot_left .fsearch {
        margin-top: 0
    }

    #footer .ftop .foot_left .fsearch .fform {
        height: 60px;
        border-radius: 22px
    }

    #footer .ftop .foot_left .fsearch .fform:hover {
        border-color: transparent
    }

    #footer .ftop .foot_left .fsearch .fform .submit {
        width: 60px;
        background-size: 28px
    }

    #footer .ftop .foot_left .fsearch .fform .input input {
        font-size: 0.16rem;
        padding-left: 30px
    }

    #footer .ftop .foot_left .fsearch .fform .input input::placeholder {
        color: #999
    }

    #footer .ftop .foot_nav {
        flex-direction: column
    }

    #footer .ftop .foot_nav .fnav {
        max-width: 100%;
        width: 100%
    }

    #footer .ftop .foot_nav .fnav .fnav-one {
        line-height: 60px;
        background-size: 25px;
        border-bottom: 1px solid #e4e8eb
    }

    #footer .ftop .foot_nav .fnav .fnav-one.nobg {
        background: none !important
    }

    #footer .ftop .foot_nav .fnav .fnav-one .one-a {
        font-size: 0.16rem;
        line-height: 60px;
        width: fit-content;
        line-height: inherit
    }

    #footer .ftop .foot_nav .fnav .fnav-two {
        height: 0;
        overflow: hidden;
        margin-top: 0
    }

    #footer .ftop .foot_nav .fnav .fnav-two .list .two-a {
        margin: 10px 30px;
        margin-top: 0;
        font-size: 0.14rem;
        line-height: 50px;
        border-bottom: 1px solid #e4e8eb
    }

    #footer .ftop .foot_nav .fnav .fnav-two .list .two-a:first-child {
        margin-top: 10px
    }

    #footer .flink {
        padding: 4.1vw 0;
        flex-direction: column !important
    }

    #footer .flink .flink_item {
        width: 100%;
        max-width: 100%
    }

    #footer .flink .flink_item .in_box {
        width: 100%;
        max-width: 100%
    }

    #footer .flink .link_box {
        width: 100%
    }

    #footer .flink .link_box .in_box {
        justify-content: space-between
    }

    #footer .flink .link_box .select {
        width: 45.83%;
        height: 60px;
        background-size: 20px;
        background-position: right 23px center;
        background-color: transparent;
        border-radius: 22px;
        border: 2px solid #ccc
    }

    #footer .flink .link_box .select:last-child {
        margin-right: 0
    }

    #footer .flink .link_box .select .con {
        font-size: 0.16rem;
        padding: 0 0.45rem 0px 0.2rem
    }

    #footer .flink .link_box .select .list {
        bottom: 70px
    }

    #footer .flink .link_box .select .list .h .listwrap {
        max-height: 350px
    }

    #footer .flink .link_box .select .list .h .li a {
        font-size: 0.14rem;
        line-height: 50px
    }

    #footer .flink .link_box .select:nth-child(2) .list {
        left: inherit;
        right: 0
    }

    #footer .flink .link_box .select:hover .con {
        color: #666
    }

    #footer .flink .share_box {
        margin-top: 2.5vw;
        width: 100%
    }

    #footer .flink .share_box .in_box {
        justify-content: center !important;
        flex-wrap: wrap
    }

    #footer .flink .share_box .s {
        margin: 0 12px;
        margin-top: 10px
    }

    #footer .flink .share_box .s .icon {
        width: 65px;
        height: 65px
    }

    #footer .flink .share_box .s .icon .fa {
        transform: scale(1.5)
    }

    #footer .flink .share_box .s:hover .icon {
        background-color: transparent;
        border-color: #e3e3e3
    }

    #footer .flink .share_box .s:hover .icon .fa {
        color: #adadad;
        fill: #adadad
    }

    #footer .flink .share_box .s .ewm,
    #footer .flink .share_box .s:hover .ewm {
        display: none;
        width: 140px;
        height: 140px;
        top: -155px;
        border-radius: 22px;
        transition: all 0.5s ease-in-out
    }

    #footer .flink .share_box .s .code_mb {
        bottom: calc(100% + 20px);
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
        background-color: #fff;
        box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1)
    }

    #footer .flink .share_box .s .code_mb::before {
        content: "";
        display: block;
        width: 12px;
        height: 9px;
        position: absolute;
        bottom: -8px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1
    }

    #footer .flink .share_box .s .code_mb .in_box {
        padding: 20px 22px 15px;
        width: 220px;
        height: max-content;
        overflow: hidden
    }

    #footer .flink .share_box .s .code_mb .code_tit {
        margin-bottom: 20px
    }

    #footer .flink .share_box .s .code_mb .code_tit .tit {
        font-size: 0.122rem;
        line-height: 1;
        color: #666
    }

    #footer .flink .share_box .s .code_mb .code_tit .close {
        width: 10px;
        height: 10px
    }

    #footer .flink .share_box .s .code_mb .code_pic {
        margin: 0 auto;
        width: 145px;
        height: 145px;
        font-size: 0;
    }

    #footer .flink .share_box .s .code_mb .code_brief {
        margin-top: 15px;
        font-size: 0.122rem;
        line-height: 25px;
        color: #666
    }

    #footer .fbot {
        padding: 2.1vw 0
    }

    #footer .fbot .box {
        flex-wrap: wrap
    }

    #footer .fbot .li {
        margin-top: 8px;
        width: 100%;
        justify-content: center
    }

    #footer .fbot .li:nth-child(4),
    #footer .fbot .li:nth-child(5),
    #footer .fbot .li:nth-child(6) {
        width: max-content
    }

    #footer .fbot .p,
    #footer .fbot>*,
    #footer .fbot *,
    #footer .fbot .a {
        font-size: 0.124rem;
        line-height: 1.2
    }

    #footer .fbot .a:hover {
        color: rgba(34, 31, 28, 0.502)
    }

    #footer .fbot .li:nth-child(2) .p::before {
        width: 25px;
        height: 25px;
        background-size: 20px
    }

    #float_win {
        right: 3vmin;
        bottom: 2.25%
    }

    #float_win .float_icon .icon-wrap {
        width: 40px;
        height: 40px
    }

    #float_win .float_icon.back_top.open .icon-wrap {
        height: 40px;
        line-height: 40px
    }

    #breadcrumb .crumb {
        font-size: .12rem
    }

    #breadcrumb .icon {
        transform: translateY(0px)
    }

    #page_list .cont .pg_btn {
        width: 45px;
        height: 45px;
        font-size: .12rem
    }

    .banner_breadcrumb {
        padding: 2vw 0
    }

    #m-nav .pro_two .li {
        margin-top: 7vw;
        padding: 0 1vw
    }

    #m-nav .pro_two .li .icon {
        width: 6.5vw;
        height: 6.5vw
    }

    #m-nav .pro_two .li .txt {
        margin-top: 3vw;
        font-size: .1364rem
    }

    #header .right .searchBox .search_box {
        opacity: 0
    }

    #header .right .searchBox .search_box.cur {
        opacity: 1
    }
}

@media (max-width:768px) {
    #overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1000;
        display: none
    }

    .ind_tit {
        font-size: 0.38rem;
        font-weight: 600
    }

    #header .logo .fa {
        width: 142px;
        font-size: 22px;
        padding-left: 12px
    }

    #header .right .searchBox .search .fa {
        font-size: 0.22rem;
        width: 20px
    }

    #header .right .menu .fa {
        width: 23px
    }

    #header.cur2 {
        background-color: #fff
    }

    #header.cur2 .logo .fa {
        color: #333;
        stroke: #333;
        fill: #333
    }

    #header.cur2 .right .menu .fa,
    #header.cur2 .right .searchBox .search .fa {
        fill: #333
    }

    #header.cur,
    #header.none {
        background-color: #fff
    }

    #m-nav .nav .one-nav {
        line-height: 7vw
    }

    #m-nav .nav .one-nav .one {
        background-size: 3vw
    }

    #m-nav .nav .one-nav .one-a {
        font-size: 0.16rem
    }

    #m-nav .one-nav .two-nav .two-a {
        background-size: 35px;
        padding: 0px 40px
    }

    #m-nav .one-nav .two-nav .three_ul .in {
        padding: 5px 80px 25px
    }

    #m-nav .one-nav .two-nav .three_ul .three-a {
        margin-top: 25px;
        line-height: 1.5
    }

    #m-nav .twoBox .two_nav .back {
        font-size: 0.16rem
    }

    #m-nav .twoBox .two_nav .back .fa {
        transform: rotate(180deg) translateX(2px) scale(0.9)
    }

    #m-nav .twoBox .two_nav .one_name {
        font-size: 0.24rem
    }

    #m-nav .twoBox .two_nav .two {
        margin-top: 20px
    }

    #m-nav .twoBox .two_nav .two .two_li .two_a {
        padding: 2vw 0;
        background-size: 2.5vw
    }

    #m-nav .twoBox .two_nav .two .two_li .two_a .a {
        font-size: 0.16rem
    }

    #m-nav .twoBox .two_nav .two .two_li .three_ul .in {
        padding: 0 5vw
    }

    #m-nav .twoBox .two_nav .two .two_li .three_ul .three-a {
        padding: 2vw 0;
        font-size: 0.14rem
    }

    #m-nav .shopTwoBox .two_nav .two .two_li .two_a.two_a_xcx .code .txt {
        font-size: 0.14rem
    }

    #m-nav .nas_btn,
    #m-nav .btn2 {
        padding: 0;
        min-width: auto;
        width: 2rem;
        height: 0.5rem;
        font-size: 0.18rem
    }

    #m-nav .btn2 .icon {
        width: 0.25rem
    }

    #m-nav .btn2 .icon .fa {
        font-size: 0.25rem
    }

    #header .right .searchBox .search_box .search_box_in {
        padding: 5vw 0 6vw
    }

    #header .right .searchBox .search_box .search_box_in .search_form {
        width: calc(100% - 60px);
        flex-direction: row-reverse
    }

    #header .right .searchBox .search_box .search_box_in .search_form .submit {
        background-size: 3vw
    }

    #header .right .searchBox .search_box .search_box_in .search_form .del {
        display: none
    }

    #header .right .searchBox .search_box .search_box_in .search_form .input {
        padding: 0 0.3rem;
        width: calc(100% - 60px)
    }

    #header .right .searchBox .search_box .search_box_in .search_form .input input {
        font-size: 0.16rem
    }

    #header .right .searchBox .search_box .search_box_in .top .cancel {
        font-size: 0;
        width: 0.45rem;
        height: 0.45rem;
        background-size: 4vw
    }

    #header .right .searchBox .search_box .search_box_in .search_form .submit,
    #header .right .searchBox .search_box .search_box_in .search_form .input,
    #header .right .searchBox .search_box .search_box_in .search_form .del {
        height: 55px
    }

    #header .right .searchBox .search_box .search_box_in .links {
        margin-top: 4vw
    }

    #header .right .searchBox .search_box .search_box_in .links .tit {
        margin-bottom: 0;
        font-size: 0.16rem
    }

    #header .right .searchBox .search_box .search_box_in .links .ul .li {
        margin-top: 3vw;
        font-size: 0.16rem
    }

    #shopBox {
        width: 72vw
    }

    #shopBox .box .top,
    #shopBox .box .ul .li {
        padding: 2vw 5vw
    }

    #shopBox .box .top {
        margin-bottom: 0
    }

    #shopBox .box .close_btn {
        width: 4.5vw
    }

    #shopBox .box .close_btn .fa {
        font-size: 4.3vw
    }

    #shopBox .box .ul .li .icon {
        width: 5vw;
        height: 5vw
    }

    #shopBox .box .ul .li .txt {
        width: calc(100% - 95px);
        padding: 0 2vw
    }

    #shopBox .box .ul .li .icon2 .fa {
        transform: scale(0.4)
    }

    #shopBox .box .top {
        font-size: 0.2rem
    }

    #shopBox .box .ul .li {
        font-size: 0.18rem
    }

    #footer .ftop {
        padding: 6vw 0 1vw;
        border: 0
    }

    #footer .ftop .foot_left .fsearch .fform {
        height: 8vw;
        padding: 0
    }

    #footer .ftop .foot_left .fsearch .fform .submit {
        background-size: 3vw
    }

    #footer .ftop .foot_left .fsearch .fform .input input {
        font-size: 0.18rem;
        padding-left: 4vw
    }

    #footer .ftop .foot_nav {
        margin-top: 4vw
    }

    #footer .ftop .foot_nav .fnav .fnav-one {
        cursor: pointer;
        line-height: 7vw;
        background-size: 3vw
    }

    #footer .ftop .foot_nav .fnav .fnav-one .one-a {
        font-size: 0.18rem
    }

    #footer .ftop .foot_nav .fnav .fnav-two .list .two-a {
        padding: 1.5vw 0;
        margin: 1.5vw 4vw;
        font-size: 0.16rem;
        line-height: 4vw
    }

    #footer .ftop .foot_nav .fnav .fnav-two .list .two-a:first-child {
        margin-top: 1.5vw
    }

    #footer .flink {
        padding: 3vw 0 4vw
    }

    #footer .flink .link_box .select {
        margin: 0;
        background-size: 17px;
        height: 50px;
        border-radius: 18px
    }

    #footer .flink .link_box .select:hover {
        background-color: transparent
    }

    #footer .flink .link_box .select .con {
        padding: 0 5vw;
        font-size: 0.16rem
    }

    #footer .flink .link_box .select .list {
        bottom: 8vw
    }

    #footer .flink .link_box .select .list .h .li a {
        padding: 1vw 5vw;
        font-size: 0.16rem;
        line-height: 1.8
    }

    #footer .flink .share_box .s {
        margin: 0 7px
    }

    #footer .flink .share_box .s .icon {
        width: 8vw;
        height: 8vw
    }

    #footer .flink .share_box .s .icon .fa {
        transform: scale(1.1)
    }

    #footer .flink .share_box .s:first-child {
        margin-left: 0
    }

    #footer .flink .share_box .s .code_mb .in_box {
        width: 2.4rem
    }

    #footer .flink .share_box .s .code_mb .code_tit .tit {
        font-size: 0.18rem
    }

    #footer .flink .share_box .s .code_mb .code_tit .close {
        width: 15px;
        height: 15px
    }

    #footer .flink .share_box .s .code_mb .code_tit .close .fa {
        transform: scale(1.1)
    }

    #footer .flink .share_box .s .code_mb .code_brief {
        font-size: 0.18rem;
        line-height: 1.3
    }

    #footer .fbot {
        padding: 2.5vw 0
    }

    #footer .fbot .p,
    #footer .fbot>*,
    #footer .fbot *,
    #footer .fbot .a {
        font-size: 0.16rem
    }

    #float_win {
        z-index: 1001
    }

    #float_win .float_icon .icon-wrap {
        width: 0.7rem;
        height: 0.7rem;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    #float_win .float_icon.back_top.open .icon-wrap {
        height: 0.7rem
    }

    #float_win .float_icon .icon-wrap .img {
        width: auto;
        height: auto;
        border-color: transparent;
        margin-top: 0px
    }

    #float_win .float_icon .icon-wrap .img .icon {
        font-size: 0.24rem;
        height: auto;
        border-color: transparent
    }

    #float_win .community-win-box {
        position: fixed;
        left: 0;
        bottom: 0;
        padding: 5vw 5vw;
        width: 100vw;
        height: auto;
        overflow-y: auto;
        background-color: #fff;
        transition: transform .42s cubic-bezier(0.32, 0.94, 0.6, 1), opacity .32s cubic-bezier(0.32, 0.94, 0.6, 1);
        border-radius: 0.16rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        z-index: 2002;
        transition: all .3s;
        display: none
    }

    #float_win .community-win-box.mb100 {
        margin-bottom: 0
    }

    #float_win .community-win-box.active {
        visibility: visible;
        opacity: 1;
        z-index: 9999;
        display: block
    }

    #float_win .community-win-box .community-win-container {}

    #float_win .community-win-box .community-win-container .community-title {
        max-width: calc(100% - 10px);
        font-size: 0.24rem;
        line-height: 1.4;
        color: #333;
        font-weight: 600;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    #float_win .community-win-box .community-win-container .community-title h2 {
        font-size: 0.34rem
    }

    #float_win .community-win-box .community-win-container .community-title .close {
        width: 0.4rem;
        height: 0.4rem;
        cursor: pointer
    }

    #float_win .community-win-box .community-win-container .community-content {
        padding: 0.3rem 0;
        border-bottom: 1px solid #e5e5e5;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap
    }

    #float_win .community-win-box .community-win-container .community-content .icon-box img {
        width: 0.4rem;
        height: 0.4rem
    }

    #float_win .community-win-box .community-win-container .community-content .description {
        padding-left: 20px;
        width: auto;
        line-height: 1.5;
        color: #333
    }

    #float_win .community-win-box .community-win-container .community-content .description li {
        font-weight: 500;
        line-height: 1.7;
        font-size: 0.26rem
    }

    #float_win .community-win-box .community-win-container .community-content .description li br {
        display: none
    }

    #float_win .community-win-box .community-win-container .community-content .description .qrcode {
        margin: 0.5rem 0px;
        width: 25vw;
        height: 25vw
    }

    #float_win .community-win-box .community-win-container .community-footer {
        display: flex;
        flex-wrap: nowrap;
        height: auto;
        overflow: hidden;
        justify-content: flex-start;
        align-items: center;
        margin-top: 0.2rem
    }

    #float_win .community-win-box .community-footer .gif {
        width: 1.5rem
    }

    #float_win .community-win-box .community-footer p {
        font-size: 0.28rem;
        color: #c2c2c2
    }

    #breadcrumb .icon .fa {
        height: 15px
    }

    #breadcrumb .jt {
        margin: 0 8px
    }

    #breadcrumb .crumb {
        font-size: .14rem
    }

    #breadcrumb .icon {
        transform: translateY(-1px)
    }

    #page_list {
        margin-top: 0.8rem
    }

    #page_list .cont {
        width: 100%
    }

    #page_list .cont .pg_btn {
        font-size: 0.16rem
    }

    #page_list .cont .pg_btn:hover,
    #page_list .cont .pg_btn.active {
        background-color: #fff;
        color: #666;
        border-color: #fff
    }

    #page_list .cont .pg_btn:hover .fa,
    #page_list .cont .pg_btn.active .fa {
        color: #666;
        fill: #666
    }

    #page_list .cont .pg_btn.active {
        background-color: transparent;
        border-color: transparent
    }

    #page_list .mb_cont {
        display: flex;
        margin-top: 2vw;
        font-size: .16rem
    }

    #page_list .mb_cont .input_box {
        margin-right: 4vw
    }

    #page_list .mb_cont .input_box input {
        width: 45px;
        height: 45px;
        color: #666;
        border: 0;
        background-color: #f8f8f8;
        border-radius: 5px;
        margin: 0 5px;
        padding: 0 5px;
        font-size: 0.16rem;
        text-align: center
    }

    .backColorf4 #page_list .mb_cont .input_box input {
        background-color: #fff
    }

    #page_list .mb_cont .link_to .fa {
        display: block;
        margin-left: 5px;
        width: 15px;
        font-size: 15px;
        color: #666;
        fill: #666
    }

    .banner_breadcrumb {
        position: absolute;
        left: 0;
        bottom: 0
    }

    #m-nav .pro_two .li {
        margin-top: 7vw;
        padding: 0 1vw;
        width: 33.33%
    }

    #m-nav .pro_two .li .icon {
        width: 8vw;
        height: 8vw
    }

    #m-nav .pro_two .li .txt {
        font-size: .2rem
    }
}

@media (max-width:576px) {
    .ind_tit {
        font-size: 0.45rem
    }

    #header .container-center {
        width: 100vw
    }

    #header .right .searchBox .search_box .search_box_in .container-center {
        width: 92%
    }

    #header .logo {
        padding-left: 15px;
        min-height: auto
    }

    #header .logo .fa,
    #footer .ftop .foot_left .logo {
        width: 145px;
        font-size: 0.25rem;
        height: auto
    }

    #header .logo .fa {
        font-size: 21px
    }

    #header .right .menu {
        margin-left: 10px
    }

    #header .right .searchBox .search .fa {
        font-size: 0.30rem;
        width: auto;
        height: auto
    }

    #header .right .menu {
        margin-left: 1.5vw;
        padding: 0 15px 0 1.5vw;
        width: 45px
    }

    #header .right .menu span {
        width: 100%
    }

    #m-nav .nav .one-nav {
        line-height: 12vw
    }

    #m-nav .nav .one-nav .one {
        margin: 0 7vw
    }

    #m-nav .twoBox .two_nav .two .two_li .two_a {
        padding: 3vw 0
    }

    #m-nav .nav .one-nav .one,
    #m-nav .twoBox .two_nav .two .two_li .two_a {
        background-size: 4vw
    }

    #m-nav .nav .one-nav .one-a {
        font-size: 0.32rem;
        font-weight: 500
    }

    #m-nav .twoBox .two_nav .back {
        font-size: 0.26rem
    }

    #m-nav .twoBox .two_nav .back .fa {
        transform: rotate(180deg) translateX(1px) scale(0.9)
    }

    #m-nav .twoBox .two_nav .one_name {
        font-size: 0.32rem
    }

    #m-nav .twoBox .two_nav .two .two_li .two_a .a {
        font-size: 0.30rem
    }

    #m-nav .twoBox .two_nav .two .two_li .three_ul .three-a {
        padding: 3vw 0;
        font-size: 0.26rem;
        display: block
    }

    #m-nav .shopTwoBox .two_nav .two .two_li .two_a.two_a_xcx .code .txt {
        padding: 0 1vw;
        font-size: 0.26rem
    }

    #m-nav .nas_btn,
    #m-nav .btn2 {
        width: 3.5rem;
        height: 0.7rem
    }

    #m-nav .nas_btn,
    #m-nav .btn2 {
        font-size: 0.26rem
    }

    #m-nav .btn2 .icon {
        margin-right: 0.2rem;
        width: 0.4rem
    }

    #m-nav .btn2 .icon .fa {
        font-size: 0.4rem
    }

    #header .right .searchBox .search_box .search_box_in .search_form {
        width: calc(100% - 50px);
        border-radius: 13px
    }

    #header .right .searchBox .search_box .search_box_in .search_form .submit,
    #header .right .searchBox .search_box .search_box_in .search_form .input,
    #header .right .searchBox .search_box .search_box_in .search_form .del {
        height: 50px
    }

    #header .right .searchBox .search_box .search_box_in .search_form .submit,
    #header .right .searchBox .search_box .search_box_in .search_form .del {
        background-size: 4.5vw
    }

    #header .right .searchBox .search_box .search_box_in .search_form .input input {
        font-size: 0.26rem
    }

    #header .right .searchBox .search_box .search_box_in .top .cancel {
        width: 0.6rem;
        height: 0.6rem;
        background-size: 6vw
    }

    #header .right .searchBox .search_box .search_box_in .links {
        margin-top: 0.4rem
    }

    #header .right .searchBox .search_box .search_box_in .links .tit {
        margin-bottom: 0.4rem;
        font-size: 0.26rem
    }

    #header .right .searchBox .search_box .search_box_in .links .ul .li {
        font-size: 0.26rem
    }

    #header .right .searchBox .search_box .search_box_in .links .ul .li:first-child {
        margin-top: 0
    }

    #shopBox .box .top {
        font-size: 0.28rem
    }

    #shopBox .box .close_btn {
        width: 5.5vw;
        height: 5.5vw
    }

    #shopBox .box .ul .li {
        font-size: 0.26rem
    }

    #shopBox .box .ul .li .icon {
        width: 42px;
        height: 42px
    }

    #shopBox .box .top,
    #shopBox .box .ul .li {
        padding: 4vw 5vw
    }

    #shopBox .box .ul .li.li_xcx .code .pic {
        width: 27vw;
        height: 27vw
    }

    #shopBox .box .ul .li.li_xcx .code .txt {
        font-size: 0.24rem
    }

    #footer .ftop .foot_left .fsearch {
        margin-top: 4vw
    }

    #footer .ftop .foot_left .fsearch .fform {
        height: 0.79rem;
        border-radius: 13px
    }

    #footer .ftop .foot_left .fsearch .fform .input {
        width: calc(100% - 80px)
    }

    #footer .ftop .foot_left .fsearch .fform .input input {
        font-size: 0.26rem;
        padding-left: 5vw
    }

    #footer .ftop .foot_left .fsearch .fform .submit {
        width: 55px
    }

    #footer .ftop .foot_left .fsearch .fform .submit,
    #footer .ftop .foot_nav .fnav .fnav-one {
        background-size: 4vw
    }

    #footer .ftop .foot_nav .fnav .fnav-one {
        line-height: 14vw
    }

    #footer .ftop .foot_nav .fnav .fnav-one .one-a {
        font-size: 0.29rem;
        font-weight: 500
    }

    #footer .ftop .foot_nav .fnav .fnav-two .list .two-a {
        padding: 2.5vw 0;
        font-size: 0.26rem;
        line-height: 1.4
    }

    #footer .ftop .foot_nav .fnav .fnav-two .list .two-a:first-child {
        margin-top: 3vw
    }

    #footer .flink {
        padding: 0.4rem 0
    }

    #footer .flink .link_box .select {
        width: 48%;
        height: 0.79rem;
        background-size: 3vw;
        border-radius: 13px
    }

    #footer .flink .link_box .select .con {
        font-size: 0.26rem
    }

    #footer .flink .link_box .select .con::before {
        top: -10px;
        height: 20px
    }

    #footer .flink .link_box .select .list {
        bottom: 12vw
    }

    #footer .flink .link_box .select .list .h .listwrap {
        max-height: 285px
    }

    #footer .flink .link_box .select .list .h .li a {
        font-size: 0.24rem
    }

    #footer .flink .share_box {
        margin-top: 0.4rem
    }

    #footer .flink .share_box .in_box {
        justify-content: center !important
    }

    #footer .flink .share_box .s .icon {
        width: 0.79rem;
        height: 0.79rem
    }

    #footer .flink .share_box .s .icon .fa {
        transform: scale(1.1)
    }

    #footer .flink .share_box .s:nth-child(4) .icon .fa,
    #footer .flink .share_box .s:nth-child(5) .icon .fa,
    #footer .flink .share_box .s:nth-child(6) .icon .fa {
        transform: scale(1.05)
    }

    #footer .flink .share_box .s .code_mb .in_box {
        width: 3.6rem;
        padding: 20px 18px 15px
    }

    #footer .flink .share_box .s .code_mb .code_tit {
        margin-bottom: 0.15rem
    }

    #footer .flink .share_box .s .code_mb .code_tit .tit {
        font-size: 0.26rem
    }

    #footer .flink .share_box .s .code_mb .code_tit .close {
        width: 20px;
        height: 20px
    }

    #footer .flink .share_box .s .code_mb .code_tit .close .fa {
        transform: scale(1.3)
    }

    #footer .flink .share_box .s .code_mb .code_pic {
        width: 140px;
        height: 140px
    }

    #footer .flink .share_box .s .code_mb .code_brief {
        margin-top: 0.2rem;
        font-size: 0.26rem
    }

    #footer .fbot {
        padding: 0.4rem 0
    }

    #footer .fbot .li {
        margin-top: 0.2rem;
        max-width: 100%;
        min-width: 33%;
        width: auto
    }

    #footer .fbot .last {
        width: 100%;
        justify-content: center
    }

    #footer .fbot .last .li {
        min-width: auto
    }

    #footer .fbot .p,
    #footer .fbot>*,
    #footer .fbot *,
    #footer .fbot .a {
        font-size: 0.22rem
    }

    #breadcrumb .crumb {
        font-size: 0.24rem
    }

    #breadcrumb .icon .fa {
        width: 3.5vw;
        height: 3.5vw
    }

    #breadcrumb .jt {
        margin: 0 2.5vw;
        transform: translateY(1px)
    }

    #breadcrumb .jt .fa {
        font-size: 0.18rem;
        transform: scale(0.8)
    }

    #page_list .cont .pg_btn {
        margin: 0 0.7vw;
        width: 8vw;
        height: 8vw;
        font-size: 0.23rem
    }

    #page_list .cont .pg_btn .fa {
        width: 3vw;
        font-size: 3vw
    }

    #page_list .cont .pg_btn.prev_start,
    #page_list .cont .pg_btn.next_end {
        display: none
    }

    #page_list .mb_cont {
        margin-top: 3vw;
        font-size: .26rem
    }

    #page_list .mb_cont .input_box input {
        margin: 0 0.7vw;
        width: 8vw;
        height: 8vw;
        font-size: 0.26rem
    }

    #page_list .mb_cont .link_to .fa {
        margin-left: 0.7vw
    }

    .banner_breadcrumb #breadcrumb {
        text-align: left
    }

    .banner_breadcrumb {
        padding: 3vw 0
    }

    #m-nav .pro_two .li {
        margin-top: 8.5vw
    }

    #m-nav .pro_two .li .icon {
        width: 10vw;
        height: 10vw
    }

    #m-nav .pro_two .li .txt {
        font-size: .26rem
    }
}

@media (max-width:530px) {
    #header .right .searchBox {
        width: 40px
    }

    #header .logo .fa,
    #footer .ftop .foot_left .logo {
        font-size: 0.37rem
    }

    #header .logo .fa {
        width: auto
    }

    #header .right .searchBox .search .fa {
        font-size: 0.38rem
    }

    #header .right .menu span {
        margin-bottom: 6px
    }

    #footer .flink .link_box .select {
        border-width: 1px
    }

    #footer .flink .share_box .s .icon .fa {
        transform: scale(1)
    }

    #footer .flink .share_box .s:nth-child(4) .icon .fa,
    #footer .flink .share_box .s:nth-child(5) .icon .fa,
    #footer .flink .share_box .s:nth-child(6) .icon .fa {
        transform: scale(0.8)
    }

    #page_list .cont .pg_btn {
        font-size: 0.25rem
    }

    #page_list .cont .pg_btn .fa {
        width: 3vw;
        font-size: 3vw
    }

    #page_list .mb_cont .input_box input {
        margin: 0 1.7vw
    }

    #page_list .mb_cont .link_to .fa {
        width: 3vw;
        font-size: 3vw;
        transform: translateY(1px) scale(0.9)
    }
}

body {
    padding-top: 90px;
    word-wrap: break-word;
    word-break: break-word
}

img {
    image-rendering: -webkit-optimize-contrast !important
}

.first-h1 {
    display: none
}

.layui-layer {
    background: #fff !important
}

.m-t-0 {
    margin-top: 0 !important
}

@media (min-width:1200px) {
    .hidden-xl-up {
        display: none !important
    }
}

@media (min-width:768px) {
    .hidden-md-up {
        display: none !important
    }
}

@media (min-width:992px) {
    body.index-body {
        padding-top: 0
    }
}

@media (max-width:992px) {
    body {
        padding-top: 66px
    }
}

@media (max-width:1050px) {
    #m-nav .twoBox .two_nav .two .two_li:not(.hasSub) .two_a {
        background: none
    }
}

#footer .fbot .li.flex:not(:first-child) {
    margin-left: 20px
}

#footer .fbot span {
    margin-left: 0
}

#footer .fbot a:hover {
    color: var(--main)
}

.banner_breadcrumb {
    position: static
}

.text-xs-center {
    text-align: center
}

.text-xs-left {
    text-align: left
}

.text-xs-right {
    text-align: right
}

@media (min-width:768px) {
    .text-md-center {
        text-align: center
    }

    .text-md-left {
        text-align: left
    }

    .text-md-right {
        text-align: right
    }
}

@media (max-width:1440px) {
    #footer .fbot span {
        margin-left: 0
    }
}

@media (max-width:1199px) {

    #footer .fbot .p,
    #footer .fbot>*,
    #footer .fbot *,
    #footer .fbot .a {
        line-height: 2
    }

    #footer .fbot .nbsp {
        display: none
    }
}

.editor {
    max-width: 100%
}

.editor * {
    max-width: 100%
}

.editor table p {
    margin-bottom: 0
}

.editor img {
    max-width: 100% !important;
    vertical-align: top
}

.editor .table-saw {
    overflow-x: auto
}

.editor .metvideobox,
.editor video,
.editor .metvideo,
.editor iframe,
.editor embed {
    max-width: 100% !important
}

.editor video {
    outline: none
}

.pager .PageText,
.pager #metPageT,
.pager #metPageB {
    display: none !important
}

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

.pager a,
.pager span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 5px;
    font-size: 16px;
    color: #666;
    border: 1px solid #e5e5e5
}

.pager span {
    cursor: not-allowed
}

.pager a {
    cursor: pointer
}

.backColorf4 .pager a,
.backColorf4 .pager span {
    border-color: transparent
}

.pager span .fa,
.pager a .fa {
    width: 15px;
    height: 13px;
    fill: #666
}

.pager a:hover,
.pager a.page-num-current {
    background-color: #333;
    color: #fff;
    border-color: #333
}

.pager a:hover .fa,
.pager a.page-num-current .fa {
    fill: #fff
}

.pager .PreSpan .fa,
.pager .PreA .fa {
    transform: rotate(180deg)
}

#page_list {
    margin-top: 0 !important
}

@media (max-width:768px) {
    .hidden-sm-down .pager {
        display: none
    }

    .pager a,
    .pager span {
        font-size: 0.16rem
    }

    .pager a:hover,
    .pager a.page-num-current {
        background-color: #fff;
        color: #666;
        border-color: #fff
    }

    .pager a:hover .fa,
    .pager span .fa {
        fill: #666
    }

    .pager a.page-num-current .fa {
        fill: #666
    }

    .pager a.page-num-current {
        background-color: transparent;
        border-color: transparent
    }
}

@media (max-width:576px) {

    .pager a,
    .pager span {
        margin: 0 0.7vw;
        width: 8vw;
        height: 8vw;
        font-size: 0.23rem
    }

    .pager a .fa,
    .pager span .fa {
        width: 3vw;
        height: 2.5vw
    }
}

@media (max-width:530px) {

    .pager a,
    .pager span {
        font-size: 0.25rem
    }

    .pager a .fa,
    .pager span .fa {
        width: 3vw;
        font-size: 3vw
    }
}

.products_main {
    margin-top: 0 !important
}

.products_main .breadcrumb {
    margin-top: -50px;
    padding-bottom: 25px;
    position: static
}

.products_main .pro_subcategory_top .breadcrumb {
    margin-top: 0;
    padding-bottom: 0
}

#products_cate.search-module .form {
    margin-bottom: 0 !important
}

#products_category_list.search-module {
    padding-top: 100px
}

@media (min-width:768px) {
    #products_cate.search-module {
        padding: 0 !important
    }
}

@media (max-width:992px) {

    .products-category-b2+#footer {
        display: none
    }
}

@media (max-width:768px) {

    #products_category_list.search-module {
        padding-top: 70px
    }

    #products_category_filter .filter_selected {
        display: flex
    }
}

.products_main_detail .pro_detail_top .breadcrumb {
    margin-top: 0;
    padding: 0
}

.page {
    display: block;
}

.products_main_detail .pro_page a div {
    display: inline
}

#products_detail .detail_box .left_cont .detail {
    margin-top: 0 !important
}

#pro_detail_info .pro_info .one .brief p {
    margin-top: 5px;
    padding-left: 15px;
    font-size: 16px;
    line-height: 25px;
    color: #666;
    position: relative
}

#pro_detail_info .pro_info .one .brief p:first-child {
    margin-top: 0
}

.service_main,
.video_main,
.faq_main,
.buy_main,
.security_main,
.feedback_main,
.policy_main,
.manual_main,
.drive_main,
#download .choose,
.contact_main,
.news_main,
.search_main,
.investor_main,
.about_main,
.partner_main,
#download,
.investment_main,
.network_main,
.esg_main,
.document_main {
    margin-top: 0 !important
}

#video .detail .head .left .brief span:first-child {
    margin-right: 0 !important
}

#video .detail .head .left .brief .desc span:first-child {
    margin-right: 30px !important
}

#faq .content .detail .end .page .pn,
#document .content .detail .end .page .pn {
    display: block
}

#faq .content .detail .relevant {
    justify-content: flex-start !important
}

#faq .content .detail .relevant .text {
    margin-right: 20px !important
}

#security .initial .detail a {
    color: var(--main)
}

#security form .btn[disabled] {
    cursor: not-allowed;
    opacity: .5
}

[role="button"] {
    cursor: pointer
}

#feedback .content .form .li .selected-item.active {
    color: #333
}

.partner_main .breadcrumb {
    margin: -54px 0 30px
}

#reseller_search .search_form .search_desc .desc a {
    color: var(--main)
}

#reseller_search .search_fail .search_desc {
    margin-top: 0 !important
}

.customized-layer-overlay {
    z-index: 998 !important
}

.customized-layer-Wrap {
    z-index: 999 !important
}