@charset "utf-8";
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0
}

#bsWXBox {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select {
    margin: 0;
    padding: 0
}

html {
    font-size: 1px !important
}

html, body {
    position: relative;
    scroll-behavior: smooth
}

@media (max-width: 1730px) {
    html {
        font-size: .901042px !important
    }
}

@media (max-width: 1600px) {
    html {
        font-size: .824479px !important
    }
}

@media (max-width: 1530px) {
    html {
        font-size: .792708px !important
    }
}

@media (max-width: 1440px) {
    html {
        font-size: .741146px !important
    }
}

@media (max-width: 1366px) {
    html {
        font-size: .702604px !important
    }
}

@media (max-width: 1360px) {
    html {
        font-size: .699479px !important
    }
}

@media (max-width: 1280px) {
    html {
        font-size: .657813px !important
    }
}

@media (max-width: 1200px) {
    html {
        font-size: .510938px !important
    }
}

html, body {
    position: relative
}

:root {
    --fontfamily: "HarmonyOS_Sans_SC_Regular", "Microsoft YaHei", "微软雅黑", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
    --HarmonyOS_Sans_SC_Light: HarmonyOS_Sans_SC_Light;
    --HarmonyOS_Sans_SC_Regular: HarmonyOS_Sans_SC_Regular;
    --HarmonyOS_Sans_SC_Medium: HarmonyOS_Sans_SC_Medium;
    --HarmonyOS_Sans_SC_Bold: HarmonyOS_Sans_SC_Bold;
    --AlimamaShuHeiTi: AlimamaShuHeiTi;
    --Roboto-Regular: Roboto-Regular;
    --Roboto-Medium: Roboto-Medium;
    --Poppins-SemiBold: Poppins-SemiBold
}

@font-face {
    font-family: 'AlimamaShuHeiTi';
    src: url('../fonts/AlimamaShuHeiTi.eot');
    src: url('../fonts/AlimamaShuHeiTi.ttf');
    src: url('../fonts/AlimamaShuHeiTi.eot?#iefix') format('embedded-opentype'), url('../fonts/AlimamaShuHeiTi.woff2') format('woff2'), url('../fonts/AlimamaShuHeiTi.woff') format('woff'), url('../fonts/AlimamaShuHeiTi.svg#POPPINS-MEDIUM') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.ttf');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff2') format('woff2'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.svg#POPPINS-MEDIUM') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.ttf');
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Medium.woff2') format('woff2'), url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.svg#POPPINS-MEDIUM') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.ttf');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins-SemiBold.svg#POPPINS-MEDIUM') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS_Sans_SC_Light;
    src: url('../fonts/HarmonyOS_Sans_SC_Light.ttf');
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS_Sans_SC_Regular;
    src: url('../fonts/HarmonyOS_Sans_SC_Regular.ttf');
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS_Sans_SC_Medium;
    src: url('../fonts/HarmonyOS_Sans_SC_Medium.ttf');
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS_Sans_SC_Bold;
    src: url('../fonts/HarmonyOS_Sans_SC_Bold.ttf');
    font-style: normal;
    font-display: swap
}

body {
    font-family: var(--fontfamily), San Francisco, Helvetica Neue, Helvetica, DroidSansFallback, Roboto, HeiTi SC, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.75;
    color: #333;
    background: #fff
}

@media screen and (max-width: 1024px) {
    body {
        font-size: 14px;
        line-height: 1.5
    }
}

.bodyHIdden {
    overflow: hidden;
    height: 100%;
    width: 100%
}

a {
    -webkit-tap-highlight-color: transparent
}

a:link, a:visited {
    text-decoration: none;
    outline: #333;
    color: #333
}

a:hover, a:active, a:focus {
    color: #f29737
}

ul, li {
    list-style: none
}

img {
    border: 0;
    max-width: 100%;
    max-height: 100%
}

table {
    border-collapse: collapse;
    width: 100%
}

table td {
    font-size: 16px;
    line-height: 32px;
    padding: 9px 20px;
    color: #212121;
    border: 1px solid #aab0ac
}

input[type=text], input[type=tel], textarea {
    font-family: var(--fontfamily), San Francisco, Helvetica Neue, Helvetica, DroidSansFallback, Roboto, HeiTi SC, Arial, sans-serif;
    font-size: 14px;
    -webkit-appearance: none
}

button {
    font-family: var(--fontfamily), San Francisco, Helvetica Neue, Helvetica, DroidSansFallback, Roboto, HeiTi SC, Arial, sans-serif
}

input[type='reset'], input[type='button'], input[type='submit'], input[type='radio'] {
    cursor: pointer;
    outline: none
}

input[type='checkbox'], input[type='radio'] {
    position: relative;
    vertical-align: middle;
    margin-top: -2px;
    margin-bottom: 1px;
    margin-left: 5px;
    margin-right: 5px
}

textarea, input[type='email'], input[type='date'], input[type='password'], input[type='text'] {
    color: #666;
    outline: none
}

.f-l {
    float: left
}

.f-r {
    float: right
}

.hide {
    overflow: hidden
}

.rel {
    position: relative
}

.clearfix {
    clear: both
}

.clearfix:after {
    clear: both;
    height: 0;
    content: "";
    line-height: 0;
    font-size: 0;
    zoom: 1;
    display: block
}

.middleCenter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: auto
}

.middleRight {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    margin: auto
}

.middleLeft {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    margin: auto
}

.bottomCenter {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    margin: auto
}

.container {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 1600px) {
    .container {
        max-width: 1280px
    }
}

@media screen and (max-width: 1340px) {
    .container {
        padding: 0 30px
    }
}

@media screen and (max-width: 1024px) {
    .container {
        padding: 0 15px
    }
}

.container-2 {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 1440px) {
    .container-2 {
        max-width: 1280px
    }
}

@media screen and (max-width: 1340px) {
    .container-2 {
        padding: 0 30px
    }
}

@media screen and (max-width: 1024px) {
    .container-2 {
        padding: 0 20px
    }
}

.indent2 {
    text-indent: 2em
}

.animated {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    will-change: transform, opacity
}

.tu {
    position: relative;
    overflow: hidden
}

.tu:after {
    content: '';
    display: block;
    padding-bottom: 100%
}

.tu img {
    transition: .5s
}

div, p, span, i, em, a {
    white-space: inherit !important
}

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

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

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

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

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

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

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

.transparent {
    display: none;
    position: fixed;
    z-index: 9;
    top: 0;
    margin: auto;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3)
}

.f-l {
    float: left
}

.f-r {
    float: right
}

img {
    vertical-align: top
}

.body {
    transition: .5s;
    position: relative
}

.top-header {
    width: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    transition: .5s
}

.pc {
    display: block
}

.phone {
    display: none
}

@media (max-width: 1025px) {
    .phone {
        display: block
    }

    .pc {
        display: none
    }
}

.header {
    font-size: 16px;
    width: 100%;
    padding-top: 22px;
    padding-bottom: 22px;
    position: relative;
    z-index: 999;
    top: 0;
    left: 0;
    background: #fff
}

.header img {
    vertical-align: top
}

.header > .container {
    max-width: 1920px
}

.header > .container:after {
    content: "";
    display: block;
    clear: both
}

.header .logo {
    z-index: 1;
    width: 155px;
    float: left;
    display: block;
    transition: top .5s, height .5s;
    margin-left: 107px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.header .logo img {
    vertical-align: middle;
    position: relative
}

.header .logo .img-2 {
    display: none
}

.header .search-other {
    float: right;
    padding-right: 40px
}

.header .header-search {
    float: right;
    position: relative
}

.header .header-search .hd_sp_key {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    z-index: 44;
    margin-top: -10px
}

.header .header-search .hd_sp_key svg {
    width: 20px;
    height: 20px;
    display: block
}

.header .header-search .hd_search_area {
    display: flex;
    width: 600px;
    align-items: center;
    position: relative;
    padding: 12px 0;
    background: #eee;
    border-radius: 25px;
    padding: 0 14px 0 45px
}

.header .header-search .hd_search_area .select_box {
    position: relative;
    min-width: 220px
}

.header .header-search .hd_search_area .select_box:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: 40%;
    right: 20px;
    border: 5px solid transparent;
    border-top: 7px solid #333;
    pointer-events: none
}

.header .header-search .hd_search_area .select_box:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    border-right: 1px solid #ccc;
    height: 25px;
    right: 10px
}

.header .header-search .hd_key {
    width: 100%
}

.header .header-search .hd_search_area .select_box select {
    max-width: 220px;
    width: 100%;
    height: 46px;
    padding-left: 10px;
    border: 0;
    border-radius: 0;
    background: none;
    appearance: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap !important;
    padding-right: 35px
}

.header .header-search .hd_search_area input {
    width: 100%;
    background: #eee;
    border: 0;
    padding: 0;
    border-radius: 0
}

.header .other {
    float: right;
    padding-left: 20px;
    font-size: 18px;
    line-height: 46px;
    color: #333
}

.header .other .layui-icon {
    font-size: 26px;
    vertical-align: top;
    margin-left: 6px
}

.header .other .layui-icon:before {
    line-height: 1
}

.header .other > span {
    margin-left: 20px;
    position: relative;
    display: inline-block;
    line-height: 46px;
    font-size: 18px
}

.header .other > span a {
    display: inline-block;
    line-height: 46px;
    vertical-align: top;
    position: relative
}

.header .other > span:first-child {
    margin-left: 0
}

.header .other > span .num {
    font-size: 12px;
    line-height: 12px;
    display: inline-block;
    height: 14px;
    border-radius: 14px;
    padding: 1px 3px;
    min-width: 16px;
    background-color: #f29737;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0
}

.header .other .bn {
    padding: 0 30px;
    background-color: #e59c38;
    border-radius: 23px;
    color: #fff
}

.header .other .bn a {
    color: #fff
}

@media (min-width: 1025px) {
    .header .other .bn a:hover {
        text-decoration: underline
    }
}

.header .other .loginAfter {
    margin-left: 20px;
    position: relative;
    display: inline-block;
    line-height: 36px;
}

.header .other .loginAfter > a {
    display: inline-flex;
    padding-right: 20px;
    background: url(../images/xiala.png) no-repeat center right;
    background-size: 12px
}

.header .other .loginAfter .tx {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: 5px;
    border-radius: 50%;
    overflow: hidden
}

.header .cart {
    padding-right: 10px
}

.header.header-2 {
    border-bottom: 1px solid #e6e6e6
}

.header.header-3 {
    background-color: #eafcfe
}

.navPhoneBtn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    float: right;
    position: absolute;
    z-index: 9;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    text-align: right;
    border: 1px solid #212121
}

.navPhoneBtn:after {
    content: "";
    width: 100%;
    height: 100%;
    border: 1px transparent solid;
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition-duration: .66s;
    transition-timing-function: swing
}

.navPhoneBtn span {
    display: block;
    margin: auto;
    width: 19px;
    height: 2px;
    left: 10px;
    background: #212121;
    z-index: 1;
    transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, transform .5s cubic-bezier(.77, .2, .05, 1), width .5s, transform .5s cubic-bezier(.77, .2, .05, 1);
    position: absolute
}

.navPhoneBtn span:nth-child(1) {
    top: 12px
}

.navPhoneBtn span:nth-child(2) {
    top: 50%;
    transform: translateY(-50%)
}

.navPhoneBtn span:nth-child(3) {
    bottom: 12px
}

.navPhoneBtn.close span:nth-child(1) {
    transform: translateY(7px) rotate(45deg)
}

.navPhoneBtn.close span:nth-child(2) {
    width: 0
}

.navPhoneBtn.close span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg)
}

.navPhoneBtn:hover:before {
    border-radius: 50%;
    background-color: #595757
}

@media screen and (max-width: 1024px) {
    .navPhoneBtn {
        display: block
    }
}

.height {
    height: 1px;
    position: absolute;
    top: -90px;
    left: 0;
    width: 100%
}

.height1 {
    height: 90px
}

.navM .transparent {
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    display: none
}

.navM .navMCon {
    background: #fafafa;
    box-shadow: 0 0 32px 6px rgba(91, 94, 98, 0.32);
    width: 80%;
    min-width: 140px;
    max-width: 460px;
    height: 100%;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 2;
    position: fixed;
    z-index: 9999999;
    top: 0;
    bottom: 0;
    right: auto;
    left: -100%;
    transition: all .5s
}

.navM .navMWrap {
    overflow-y: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.navM .navMWrap::-webkit-scrollbar {
    width: 5px
}

.navM .navMWrap::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #e6e6e6;
    box-shadow: inset 0 0 6px #e6e6e6
}

.navM .navMWrap::-webkit-scrollbar-thumb {
    background: #7a7a7a;
    border-radius: 10px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3)
}

.navM.open .transparent {
    display: block
}

.navM.open .closeBtn {
    display: block
}

.navM.open .navMCon {
    left: 0
}

.navM .closeBtn {
    display: none;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #000;
    position: absolute;
    z-index: 999;
    right: 0;
    top: 0
}

.navM .closeBtn:before, .navM .closeBtn:after {
    content: "";
    display: block;
    background: #000;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: rotate(45deg)
}

.navM .closeBtn:before {
    width: 15px;
    height: 1px
}

.navM .closeBtn:after {
    width: 1px;
    height: 15px
}

.navM .titleBig {
    text-align: center;
    padding: 10px 0;
    display: none
}

.navM .navChild {
    padding: 0 5px 20px 5px;
    display: none;
    position: relative
}

.navM .navChild .first {
    color: #f29737;
    font-weight: 700
}

.navM .navChild .first a {
    color: #f29737
}

.navM .navChild a {
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 28px;
    padding: 5px 0;
    transition: all .5s;
    position: relative
}

.navM .navChild a:hover {
    color: #000;
    margin-left: 10px
}

.navM .other {
    padding: 10px
}

.navM .read {
    padding-top: 10px;
    padding-bottom: 10px
}

.navM .read .btn-1 {
    display: inline-flex;
    align-items: center;
    padding: 0 5px;
    line-height: 40px;
    height: 40px;
    border-radius: 5px;
    background: linear-gradient(to right, #bf2d32, #a61f24);
    color: #fff;
    text-align: center;
    font-size: 16px;
    position: relative
}

.navM .read .btn-1 .icon-1 {
    width: 30px;
    height: 30px;
    margin-left: 5px
}

.navM .read .btn-1 .icon-2 {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #fff url(../images/icon/arrow-right-1.png) no-repeat center center;
    background-size: 20px;
    margin-left: 20px
}

.navM .languageBtn {
    padding: 10px 0
}

.navM .languageBtn a {
    display: block;
    width: 50%;
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px #ccc solid;
    margin-right: -1px;
    background: #fff
}

.navM .main_logo {
    max-width: 306px;
    margin: 60px 20px 16px 77px
}

.navM .main_copy {
    margin-top: 17px;
    font-size: 14px;
    line-height: 24px;
    color: #616161
}

.navM ul {
    padding-left: 77px
}

.navM ul li .box {
    position: relative;
    padding-left: 60px;
    padding-right: 10px;
    border-bottom: 1px solid #ccc
}

.navM ul li .tu {
    filter: brightness(0) invert(.2);
    width: 41px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.navM ul li .bt {
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 26px;
    line-height: 73px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    color: #212121
}

.navM ul li .none {
    display: none
}

@media (min-width: 1025px) {
    .navM ul li:hover .box {
        border-bottom: 1px solid #f29737
    }

    .navM ul li:hover .tu {
        filter: brightness(1) invert(0)
    }

    .navM ul li:hover .bt {
        color: #f29737
    }
}

.navM ul .active .box {
    border-bottom: 1px solid #f29737
}

.navM ul .active .tu {
    filter: brightness(1) invert(0)
}

.navM ul .active .bt {
    color: #f29737
}

.navM .ban {
    padding-left: 77px;
    padding-top: 24px
}

.navM .ban img {
    width: 318px
}

.copyright {
    text-align: center;
    line-height: 30px;
    padding: 10px 0;
    font-size: 14px;
    line-height: 32px;
    color: #212121
}

.more {
    overflow: hidden
}

.more a {
    display: block;
    font-size: 16px;
    line-height: 40px;
    letter-spacing: 1px;
    color: #fff;
    width: 210px;
    height: 42px;
    border: solid 1px #fdfaf6;
    padding: 0 20px
}

.more a span {
    display: block;
    float: right;
    font-family: 宋体
}

@media (min-width: 1025px) {
    .more a:hover {
        background: #f29737;
        color: #fff;
        border: solid 1px #f29737
    }
}

.home-main {
    padding: 90px 0 0 460px
}

.home-show .home-info {
    height: calc(100vh - 90px);
    min-height: 800px;
    position: relative
}

.home-show .home-info .img {
    height: 100%;
    width: 100%
}

.home-show .home-info .img .hover {
    padding: 120px 93px
}

.home-show .home-info .img .hover .title {
    font-family: var(--AlimamaShuHeiTi);
    font-size: 48px;
    line-height: 1.5;
    letter-spacing: 2px;
    color: #fff;
    text-shadow: -7px 7px 28px rgba(25, 25, 26, 0.57)
}

.home-show .home-info .img .hover .jsh {
    font-size: 18px;
    line-height: 32px;
    width: 420px;
    padding: 19px 27px;
    background: rgba(30, 31, 34, 0.5);
    color: #fff;
    margin-top: 24px;
    min-height: 115px
}

.home-show .home-info .chanpin {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 44;
    padding: 35px 93px;
    background: rgba(9, 9, 10, 0.4)
}

.home-show .home-info .chanpin .more a {
    float: right
}

.home-show .home-info .chanpin .li {
    position: relative;
    overflow: hidden;
    padding: 0 38px;
    margin-top: 36px
}

.home-show .home-info .chanpin .li .swiper-button-prev:after, .home-show .home-info .chanpin .li .swiper-button-next:after {
    color: #fff;
    font-size: 30px
}

.home-show .home-info .chanpin .li .swiper-button-prev {
    left: 0
}

.home-show .home-info .chanpin .li .swiper-button-next {
    right: 0
}

.home-show .home-info .swiper {
    position: relative;
    overflow: hidden
}

.home-show .home-info .item {
    width: 20%;
    float: left;
    margin-right: 16px
}

.home-show .home-info .item .box {
    border: 2px solid #f29737;
    background: #fff;
    position: relative
}

.home-show .home-info .item .text {
    padding: 4px 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 33;
    background: rgba(255, 255, 255, 0.9)
}

.home-show .home-info .item .bt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 18px;
    line-height: 28px;
    color: #333
}

.home-show .home-info .item .span {
    font-size: 14px;
    line-height: 28px;
    color: #f19832;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important
}

@media (min-width: 1025px) {
    .home-show .home-info .item:hover .tu img {
        transform: scale(1.1)
    }
}

.home-show .home-info .news-list .item .bt {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    height: 56px;
    white-space: initial !important
}

.home-show .home-info .tu img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (max-width: 1024px) {
    .navM .navMCon {
        left: -100%
    }
}

.pop-up {
    display: none
}

.pop-up .close {
    position: absolute;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    top: 12px;
    right: 12px;
    text-align: center;
    background: url(../images/closed.png) no-repeat center center;
    background-size: 22px;
    cursor: pointer;
    z-index: 3333
}

.signin {
    font-size: 14px;
    color: #626f7a
}

.signin .signinCon {
    overflow: hidden;
    box-shadow: 0 9px 24px 0 rgba(0, 0, 0, 0.07);
    padding-left: 0;
    padding-right: 0;
    width: 540px;
    background: #fff;
    box-shadow: -6px 6px 24px 0 rgba(0, 0, 0, 0.07);
    padding: 47px 60px;
    position: relative;
    z-index: 1
}

.signin .signinCon:after {
    content: '';
    display: block;
    width: 1000px;
    height: 1000px;
    background: #152587;
    position: absolute;
    top: -868px;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 48%
}

.signin .sign-title {
    text-align: center;
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 24px;
    line-height: 40px;
    letter-spacing: 1px;
    color: #fff
}

.signin .sign-title img {
    width: 25px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: middle
}

.signin .right {
    padding: 78px 0 0 0
}

.signin .right .con {
    max-width: 500px;
    margin: auto
}

.signin .menuTabs {
    border-bottom: 2px #dbdbdb solid;
    line-height: 40px;
    text-align: center
}

.signin .menuTabs .list li {
    width: 50%;
    float: left
}

.signin .menuTabs .list .box {
    display: block;
    color: #333;
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    padding-bottom: 15px;
    font-size: 24px;
    position: relative
}

.signin .menuTabs .list .box:after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background-color: #f29737;
    position: absolute;
    z-index: 9;
    bottom: -2px;
    left: 0;
    transition: width .5s
}

.signin .menuTabs .list .active .box {
    color: #f29737
}

.signin .menuTabs .list .active .box:after {
    width: 100%
}

.signin .conTabs {
    padding: 48px 0 0 0
}

.signin .conTabs .item {
    display: none
}

.signin .conTabs .item.show {
    display: block
}

.signin .conTabs .list .input-form {
    width: 100%;
    line-height: 42px;
    height: 44px
}

.signin .conTabs .list .input-form:focus {
    border-color: #f29737
}

.signin .conTabs .list li {
    margin-bottom: 0;
    padding-bottom: 18px
}

.signin .conTabs .list .a-1 {
    color: #2dad69
}

.signin .conTabs .list .a-1:hover {
    text-decoration: underline
}

.signin .conTabs .list .a-2 {
    color: #2dad69;
    float: right
}

.signin .conTabs .list .a-2:hover {
    text-decoration: underline
}

.signin .conTabs .list .layui-form-checkbox[lay-skin=primary] > div {
    padding-right: 0
}

.signin .conTabs .list .layui-form-checkbox[lay-skin='primary'] {
    margin-top: 0
}

.signin .conTabs .list .layui-form-checkbox[lay-skin='primary'] span {
    color: #999;
    padding-right: 0
}

.signin .conTabs .list .ys {
    color: #999;
    padding-bottom: 53px
}

.signin .conTabs .list .ys .layui-form-checkbox[lay-skin=primary] > div {
    color: #999
}

.signin .conTabs .list .ys label {
    position: relative
}

.signin .conTabs .list .ys label .layui-form-checkbox[lay-skin='primary'] {
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important
}

.signin .conTabs .list .ys label .bt {
    padding-left: 23px
}

.signin .conTabs .list .ys label .layui-form-checkbox > i {
    top: 3px
}

.signin .conTabs .list .btns:last-child {
    padding-bottom: 0
}

.signin .conTabs .list .btns .tw-btn-primary {
    width: 100%;
    font-size: 18px
}

.signin .conTabs .list .btns .tw-btn-secondary {
    width: 100%;
    font-size: 18px
}

.signin .conTabs .list .div-1 {
    padding-bottom: 10px
}

.signin .conTabs .list .other {
    text-align: center;
    padding-top: 30px;
    font-size: 16px;
    margin-top: 40px;
    border-top: 1px solid #e3e3e3;
    padding-bottom: 0
}

.signin .conTabs .list .other .title-1 {
    text-align: center;
    position: relative;
    z-index: 1
}

.signin .conTabs .list .other .title-1:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #e3e3e3;
    position: absolute;
    z-index: 0;
    top: 50%
}

.signin .conTabs .list .other .title-1 span {
    padding: 0 20px;
    background-color: #fff;
    position: relative;
    z-index: 1
}

.signin .conTabs .list .fangshi {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    padding-top: 10px;
    text-align: center
}

.signin .conTabs .list .fangshi a {
    display: inline-block;
    vertical-align: top;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px #ccc solid;
    margin: 0 12px
}

.signin .conTabs .list .fangshi a img {
    user-select: none;
    vertical-align: top
}

.signin .conTabs .list .fangshi a:hover {
    border-color: #2986d2
}

.signin .conTabs .list .yzm .editDiv {
    position: relative
}

.signin .conTabs .list .yzm .input-form {
    padding-right: 170px !important
}

.signin .conTabs .list .yzm .hqyzmBtn {
    display: inline-block;
    background-color: #152587;
    text-align: center;
    color: #fff;
    width: 160px;
    line-height: 44px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 0
}

.signin .conTabs .list .yzm .hqyzmBtn:hover {
    background-color: #f29737
}

.signin .conTabs .list .secondary-btn {
    width: 100%;
    font-size: 18px;
    line-height: 42px;
    height: 44px
}

.signin .conTabs .layui-input-affix {
    line-height: 1;
    top: 30%
}

.signin .conTabs .layui-input-block {
    margin-left: 0
}

@media screen and (max-width: 1024px) {
    .signin {
        font-size: 14px
    }

    .signin .container {
        border-radius: 10px
    }

    .signin .right .titleBig {
        line-height: 40px;
        font-size: 18px
    }

    .signin .right .con {
        max-width: 100%
    }

    .signin .menuTabs {
        line-height: 40px;
        border-radius: 3px;
        margin-bottom: 10px
    }

    .signin .menuTabs .list .box {
        font-size: 16px
    }

    .signin .conTabs .list li {
        padding-bottom: 10px
    }

    .signin .conTabs .list .other {
        padding-top: 30px
    }

    .signin .conTabs .list .other .title-1 {
        margin-bottom: 10px
    }

    .signin .conTabs .list .other .title-1 span {
        padding: 0 10px
    }

    .signin .conTabs .list .fangshi a {
        width: 40px;
        height: 40px
    }

    .signin .conTabs .list .btns .tw-btn-secondary {
        font-size: 14px
    }

    .signin .conTabs .list .yzm .input-form {
        padding-right: 110px !important
    }

    .signin .conTabs .list .yzm .hqyzmBtn {
        font-size: 14px;
        width: 100px;
        line-height: 44px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px
    }
}

@media screen and (max-width: 767px) {
    .signin .conTabs {
        padding-top: 20px
    }

    .signin .container {
        display: block
    }

    .signin .left {
        display: none
    }

    .signin .right {
        width: 100%;
        padding: 20px 30px
    }
}

.ct-title {
    margin-bottom: 30px;
    line-height: 60px;
    overflow: hidden
}

.ct-title .title {
    display: flex;
    font-weight: 700;
    color: #14160c;
    font-size: 42px;
    float: left
}

.ct-title .icon {
    display: inline-block;
    height: 60px;
    text-align: center;
    margin-right: 20px
}

.ct-title .more {
    float: right;
    color: #7a7a7a;
    font-size: 16px
}

.ct-title .more:hover {
    color: #f29737
}

@media screen and (max-width: 1024px) {
    .ct-title {
        line-height: 40px
    }

    .ct-title .title {
        font-size: 24px
    }

    .ct-title .icon {
        width: auto;
        margin-right: 10px;
        height: 40px
    }

    .ct-title .more {
        font-size: 14px
    }
}

.radioDiv {
    cursor: pointer;
    vertical-align: middle;
    position: relative
}

.radioDiv .icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 16px;
    text-align: center;
    border: 1px solid #d2d2d2;
    font-size: 12px;
    background-color: #fff;
    -webkit-transition: .1s linear;
    transition: .1s linear
}

.radioDiv .icon:before {
    font-family: layui-icon !important;
    font-size: 12px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\e605";
    color: #fff;
    vertical-align: top
}

.radioDiv input[type="radio"] {
    display: none !important
}

.radioDiv input[type="radio"]:checked + .icon {
    background-color: #f29737;
    border-color: #f29737
}

.checkboxDiv {
    cursor: pointer;
    vertical-align: middle;
    position: relative
}

.checkboxDiv .icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 16px;
    text-align: center;
    border: 1px solid #d2d2d2;
    font-size: 12px;
    background-color: #fff;
    -webkit-transition: .1s linear;
    transition: .1s linear
}

.checkboxDiv .icon:before {
    font-family: layui-icon !important;
    font-size: 12px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\e605";
    color: #fff;
    vertical-align: top
}

.checkboxDiv input[type="checkbox"] {
    display: none !important
}

.checkboxDiv input[type="checkbox"]:checked + .icon {
    background-color: #f29737;
    border-color: #f29737
}

.checkboxDiv-2 {
    cursor: pointer;
    vertical-align: middle;
    line-height: 18px;
    position: relative
}

.checkboxDiv-2 .icon {
    display: inline-block;
    vertical-align: top;
    width: 18px;
    height: 18px;
    line-height: 16px;
    text-align: center;
    border: 1px solid #d2d2d2;
    font-size: 12px;
    background-color: #fff;
    -webkit-transition: .1s linear;
    transition: .1s linear
}

.checkboxDiv-2 .icon:before {
    font-family: layui-icon !important;
    font-size: 12px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\e605";
    color: #fff;
    vertical-align: top
}

.checkboxDiv-2 input[type="checkbox"] {
    display: none !important
}

.checkboxDiv-2 input[type="checkbox"]:checked + .icon {
    background-color: #f29737;
    border-color: #f29737
}

.checkboxDiv-3 {
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.checkboxDiv-3 .icon {
    display: inline-block;
    vertical-align: top;
    min-width: 30px;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    text-align: center;
    border: 1px solid #d2d2d2;
    font-size: 12px;
    background-color: #fff;
    -webkit-transition: .1s linear;
    transition: .1s linear;
    position: relative
}

.checkboxDiv-3 .icon:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #d2d2d2;
    position: absolute;
    margin-left: 0;
    top: 1px;
    left: 1px;
    transition: .1s linear
}

.checkboxDiv-3 input[type="checkbox"] {
    display: none !important
}

.checkboxDiv-3 input[type="checkbox"]:checked + .icon {
    background-color: #23d43c;
    border-color: #23d43c
}

.checkboxDiv-3 input[type="checkbox"]:checked + .icon:before {
    left: 100%;
    margin-left: -18px;
    background-color: #fff
}

.selectDiv {
    display: inline-block;
    position: relative
}

.selectDiv:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-right: 1px #333 solid;
    border-bottom: 1px #333 solid;
    position: absolute;
    top: 15px;
    right: 8px;
    overflow: hidden;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.selectDiv select {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 1px #d6d6d6 solid;
    border-radius: 3px;
    padding-left: 10px;
    padding-right: 30px;
    color: #666;
    appearance: none
}

.reduceAdd, .productReduceAdd {
    width: 104px;
    line-height: 28px;
    height: 30px;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    padding-left: 29px;
    padding-right: 29px;
    position: relative
}

.reduceAdd .add, .productReduceAdd .add, .reduceAdd .reduce, .productReduceAdd .reduce {
    width: 30px;
    height: 100%;
    border: 1px #ccc solid;
    background-color: #ededed;
    cursor: pointer;
    position: absolute;
    z-index: 0
}

.reduceAdd .add:before, .productReduceAdd .add:before, .reduceAdd .reduce:before, .productReduceAdd .reduce:before, .reduceAdd .add:after, .productReduceAdd .add:after, .reduceAdd .reduce:after, .productReduceAdd .reduce:after {
    content: "";
    display: block;
    background-color: #ccc;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.reduceAdd .add:hover, .productReduceAdd .add:hover, .reduceAdd .reduce:hover, .productReduceAdd .reduce:hover {
    border-color: #f29737;
    background-color: #f29737
}

.reduceAdd .add:hover:before, .productReduceAdd .add:hover:before, .reduceAdd .reduce:hover:before, .productReduceAdd .reduce:hover:before, .reduceAdd .add:hover:after, .productReduceAdd .add:hover:after, .reduceAdd .reduce:hover:after, .productReduceAdd .reduce:hover:after {
    background-color: #fff
}

.reduceAdd .reduce, .productReduceAdd .reduce {
    top: 0;
    left: 0
}

.reduceAdd .reduce:before, .productReduceAdd .reduce:before {
    width: 10px;
    height: 2px
}

.reduceAdd .reduce:after, .productReduceAdd .reduce:after {
    display: none
}

.reduceAdd .add, .productReduceAdd .add {
    top: 0;
    right: 0
}

.reduceAdd .add:before, .productReduceAdd .add:before {
    width: 10px;
    height: 2px
}

.reduceAdd .add:after, .productReduceAdd .add:after {
    width: 2px;
    height: 10px
}

.reduceAdd input, .productReduceAdd input {
    font-size: 14px;
    line-height: 28px;
    height: 30px;
    width: 100%;
    font-weight: 400;
    border: 1px #ccc solid;
    box-shadow: none;
    padding: 0;
    background: #fff;
    color: #333;
    text-align: center;
    appearance: none;
    position: relative
}

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

.reduceAdd input:focus, .productReduceAdd input:focus {
    box-shadow: 0 0 10px 0 #f29737;
    border-color: #f29737;
    z-index: 9
}

@media (max-width: 1200px) {
    .reduceAdd, .productReduceAdd {
        width: 80px;
        height: 30px;
        line-height: 30px;
        padding-left: 23px;
        padding-right: 23px;
        border-radius: 3px
    }

    .reduceAdd .reduce, .productReduceAdd .reduce, .reduceAdd .add, .productReduceAdd .add {
        width: 24px
    }

    .reduceAdd .reduce:before, .productReduceAdd .reduce:before {
        width: 8px
    }

    .reduceAdd .add:before, .productReduceAdd .add:before {
        width: 8px
    }

    .reduceAdd .add:after, .productReduceAdd .add:after {
        height: 8px
    }
}

.loginWrap, .registerWrap {
    position: relative;
    padding-bottom: 55px;
    min-height: calc(100vh - 90px)
}

.loginWrap .copyright, .registerWrap .copyright {
    width: 100%;
    position: absolute;
    bottom: 0
}

.loginWrap {
    background-color: #f0f6ff
}

.loginWrap .registerHd {
    padding: 30px 0
}

.registerWrap {
    background-color: #f0f6ff
}

.registerWrap .registerHd {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.07)
}

.successPage {
    width: 100%;
    max-width: 400px;
    margin: auto;
    text-align: center;
    font-size: 16px;
    line-height: 2;
    padding-bottom: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.successPage .icon img {
    width: 60px;
    height: 60px
}

.successPage .text {
    padding-top: 10px;
    padding-bottom: 30px
}

.successPage .title {
    color: var(--green-1);
    font-size: 24px
}

.successPage .btnDiv {
    display: flex;
    column-gap: 10px;
    justify-content: center
}

.input-form {
    width: auto;
    min-width: 128px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #333;
    border: 1px #d6d6d6 solid;
    border-radius: 3px;
    line-height: 38px;
    height: 40px;
    padding: 0 10px
}

.input-form:focus {
    border-color: #f29737
}

.input-form::-webkit-input-placeholder {
    color: #999
}

.input-form:-ms-input-placeholder {
    color: #999
}

.input-form:-moz-placeholder {
    color: #999
}

.input-form:placeholder {
    color: #333
}

.primary-btn {
    min-width: 120px;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    color: #333;
    border: 1px #f29737 solid;
    background-color: #f29737;
    color: #fff !important;
    border-radius: 3px;
    line-height: 38px;
    height: 40px;
    padding: 0 10px
}

.primary-btn:hover {
    background-color: #152587;
    border: 1px #152587 solid
}

.secondary-btn {
    min-width: 120px;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    color: #333;
    border: 1px #f29737 solid;
    background-color: #f29737;
    color: #fff !important;
    border-radius: 3px;
    line-height: 38px;
    height: 40px;
    padding: 0 10px
}

.secondary-btn:hover {
    background-color: #152587;
    border: 1px #152587 solid
}

.secondary-btn-lg {
    min-width: 220px;
    display: inline-block;
    text-align: center;
    color: #333;
    border: 1px #f29737 solid;
    background-color: #f29737;
    color: #fff !important;
    border-radius: 8px;
    line-height: 46px;
    height: 48px;
    font-size: 16px;
    padding: 0 10px
}

.secondary-btn-lg:hover {
    background-color: #152587
}

@media screen and (max-width: 1024px) {
    .secondary-btn-lg {
        min-width: 120px;
        border-radius: 4px;
        line-height: 34px;
        height: 36px
    }
}

.secondary-btn-2 {
    min-width: 120px;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    border: 1px #f29737 solid;
    background-color: #fff;
    color: #f29737 !important;
    border-radius: 3px;
    line-height: 38px;
    height: 40px;
    padding: 0 10px
}

.secondary-btn-2:hover {
    background-color: #f29737;
    color: #fff !important
}

.secondary-btn-2-xs {
    min-width: 110px;
    display: inline-block;
    text-align: center;
    color: #333;
    border: 1px #f29737 solid;
    background-color: #fff;
    color: #f29737 !important;
    border-radius: 3px;
    line-height: 28px;
    height: 30px;
    padding: 0 10px
}

.secondary-btn-2-xs:hover {
    background-color: #f29737;
    color: #fff !important
}

.secondary-btn-3-xs {
    min-width: 110px;
    display: inline-block;
    text-align: center;
    border: 1px #ddd solid;
    background-color: #f5f5f5;
    color: #333 !important;
    border-radius: 3px;
    line-height: 28px;
    height: 30px;
    padding: 0 10px
}

.secondary-btn-3-xs:hover {
    border-color: #f29737;
    background-color: #f29737;
    color: #fff !important
}

.checkbox-form {
    color: #666;
    font-size: 14px;
    line-height: 20px;
    display: inline-flex;
    cursor: pointer;
    margin-right: 10px
}

.checkbox-form label {
    padding-left: 10px;
    cursor: pointer;
    line-height: 20px;
    position: relative
}

.checkbox-form label:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border: 1px #999 solid;
    margin: 2px;
    position: absolute;
    top: 0;
    left: -20px
}

.checkbox-form input[type="checkbox"] {
    margin: 0;
    vertical-align: top;
    cursor: pointer;
    width: 20px;
    height: 20px;
    border-radius: 0;
    opacity: 0
}

.checkbox-form input[type="checkbox"]:checked {
    background-color: #f29737;
    border-color: #f29737
}

.checkbox-form input[type="checkbox"]:checked + label {
    color: #f29737
}

.checkbox-form input[type="checkbox"]:checked + label:before {
    border: 1px #f29737 solid;
    background-color: #f29737;
    background-size: 16px 16px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/icon/check.svg)
}

.checkbox-form input[type="checkbox"] + label {
    cursor: pointer
}

.checkbox-form:hover {
    color: #f29737
}

.select-form {
    width: 100%;
    display: inline-block;
    position: relative
}

.select-form:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.12) transparent transparent transparent;
    border-width: 7px 4px 0 4px;
    position: absolute;
    right: 12px;
    top: 22px;
    pointer-events: none
}

.select-form select {
    width: 100%;
    background: none;
    height: 40px;
    line-height: 38px;
    border-radius: 3px;
    padding: 0 28px 0 15px;
    background-image: none;
    background-color: transparent;
    appearance: none;
    border: 1px rgba(0, 0, 0, 0.12) solid;
    cursor: pointer;
    font-size: 14px;
    vertical-align: top;
    color: #999
}

.select-form option {
    background-color: #fff;
    line-height: 30px;
    height: 30px
}

.uploadFile {
    font-size: 14px;
    min-width: 160px;
    height: 48px;
    line-height: 46px;
    text-align: center;
    border: 1px rgba(0, 0, 0, 0.12) solid;
    display: inline-block;
    cursor: pointer;
    background: #fff;
    border-radius: 5px;
    position: relative;
    color: #adadad
}

.uploadFile input[type="file"] {
    font-size: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0
}

.uploadFile .iconfont {
    font-size: 18px;
    margin-right: 5px;
    vertical-align: middle
}

.uploadFile:hover {
    background: #f29737;
    color: #fff
}

.page {
    clear: both;
    text-align: center;
    font-size: 0;
    font-family: arial;
    line-height: 16px
}

.page em {
    font-style: normal;
    font-size: 14px;
    line-height: 38px;
    vertical-align: middle
}

.page a, .page span {
    color: #333;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    min-width: 40px;
    line-height: 40px;
    height: 40px;
    border-radius: 40px;
    box-shadow: 0 0 0 1px #cdcdcd;
    margin: 0 5px;
    padding: 0 0;
    vertical-align: middle
}

.page a svg, .page span svg {
    fill: #333;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
    margin-left: 5px
}

.page a.cur, .page span.cur, .page a.active, .page span.active, .page a:hover, .page span:hover {
    box-shadow: 0 0 0 1px #fff;
    background-color: #f29737;
    color: #fff
}

.page a.cur svg, .page span.cur svg, .page a.active svg, .page span.active svg, .page a:hover svg, .page span:hover svg {
    fill: #fff
}

.page a.prev, .page span.prev, .page a.next, .page span.next {
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (max-width: 1024px) {
    .page a, .page span {
        display: none
    }

    .page .prev, .page .next {
        display: inline-block
    }
}

.page-2 {
    clear: both;
    text-align: right;
    font-size: 0;
    font-family: arial;
    line-height: 16px
}

.page-2 em {
    font-style: normal;
    font-size: 14px;
    line-height: 38px;
    vertical-align: middle
}

.page-2 a, .page-2 span {
    color: #333;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    min-width: 30px;
    line-height: 28px;
    height: 30px;
    border-radius: 3px;
    box-shadow: 0 0 0 1px #ddd;
    margin: 0 2px;
    padding: 0 0;
    vertical-align: middle
}

.page-2 a svg, .page-2 span svg {
    fill: #333;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
    margin-left: 5px
}

.page-2 a.cur, .page-2 span.cur, .page-2 a.active, .page-2 span.active {
    box-shadow: none;
    color: #f29737
}

.page-2 a.cur svg, .page-2 span.cur svg, .page-2 a.active svg, .page-2 span.active svg {
    fill: #fff
}

.page-2 a:hover, .page-2 span:hover {
    box-shadow: 0 0 0 1px #f29737;
    background-color: #fff
}

.page-2 a.prev, .page-2 span.prev, .page-2 a.next, .page-2 span.next {
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (max-width: 1024px) {
    .page-2 {
        text-align: center
    }

    .page-2 a, .page-2 span {
        display: none
    }

    .page-2 .prev, .page-2 .next {
        display: inline-block
    }
}

.inside-title {
    margin-bottom: 40px
}

.inside-title .title {
    font-size: 42px;
    margin-bottom: 5px
}

.inside-title .title > span {
    display: inline-block;
    position: relative
}

.inside-title .title > span .icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: -40px
}

.inside-title .info {
    font-size: 20px;
    color: #4a4a4a
}

@media screen and (max-width: 1024px) {
    .inside-title {
        margin-bottom: 20px
    }

    .inside-title .title {
        font-size: 24px
    }

    .inside-title .info {
        font-size: 14px
    }
}

.inside {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed
}

.bread {
    font-weight: 400;
    font-size: 14px;
    padding: 20px 0;
    margin-bottom: 30px
}

.bread span, .bread b {
    font-weight: 400;
    color: #152587
}

.bread i {
    color: #152587;
    margin-right: 10px
}

@media screen and (max-width: 1024px) {
    .bread {
        margin-bottom: 10px
    }
}

.bread-2 {
    border-bottom: 1px #e6eaf0 solid
}

.subMenuPro {
    display: flex;
    flex-wrap: wrap;
    border-radius: 10px;
    background-color: #fcfbed;
    margin-bottom: 40px
}

.subMenuPro .left {
    width: 290px;
    float: left;
    padding: 1px
}

.subMenuPro .left .leftC {
    min-height: 100%;
    padding: 24px 5px 24px 25px;
    border-radius: 10px;
    background: linear-gradient(#fcfef3, #d7f5de);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative
}

.subMenuPro .left .pic {
    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    top: 0;
    right: 0
}

.subMenuPro .left .title-1 {
    color: #4a4a4a;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 20px
}

.subMenuPro .left .title-2 {
    color: #2e2e2e;
    font-size: 38px;
    line-height: 40px;
    font-weight: 700;
    position: relative
}

.subMenuPro .left .title-2 span {
    display: inline-block;
    vertical-align: top;
    padding-right: 15px;
    position: relative;
    z-index: 1
}

.subMenuPro .left .title-2 .icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0
}

.subMenuPro .left .title-2 em {
    font-style: initial
}

.subMenuPro .left .moreBtn {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    background-color: #ff6d2d;
    background: linear-gradient(#ff6d2d, #f95724);
    color: #fff;
    text-align: center;
    line-height: 36px;
    vertical-align: top;
    position: relative
}

.subMenuPro .left .moreBtn:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-right: 1px #fff solid;
    border-bottom: 1px #fff solid;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    margin-left: -2px
}

.subMenuPro .left .moreBtn:hover {
    background: #f29737
}

.subMenuPro .right {
    flex: 1;
    padding-top: 20px;
    padding-left: 50px;
    background: url(../images/subMenu-bg.png) no-repeat right bottom
}

.subMenuPro .list li {
    float: left;
    padding: 0 8px 16px 8px
}

.subMenuPro .list .box {
    display: inline-block;
    background-color: #f5f5f5;
    color: #58595c;
    min-width: 128px;
    line-height: 42px;
    border-radius: 5px;
    padding: 0 10px;
    text-align: center;
    font-size: 16px
}

.subMenuPro .list .box:hover {
    background-color: rgba(247, 41, 103, 0.12);
    color: #f29737
}

.subMenuPro .list .active .box {
    background-color: rgba(247, 41, 103, 0.12);
    color: #f29737
}

.subMenuPro.subMenuNiurou .left .leftC {
    background: linear-gradient(135deg, #fbfcf0, #fcbd9c)
}

.subMenuPro.subMenuShebei .left .leftC {
    background: linear-gradient(180deg, #fafdf3, #c0eced)
}

.subMenuPro.subMenuZhengniu .left .leftC {
    background: linear-gradient(180deg, #fcfef3, #fbd5cb);
    padding-top: 50px;
    background-size: cover
}

.subMenuPro.subMenuZhengniu .left .pic {
    position: static;
    width: 240px;
    height: 240px;
    margin-top: 80px
}

.subMenuPro.subMenuZhengniu .qt dd {
    padding-left: 15px
}

.subMenuPro dl {
    clear: both;
    display: flex;
    font-size: 16px;
    line-height: 42px;
    color: #58595c;
    align-items: flex-start;
    margin-bottom: 10px
}

.subMenuPro dl:last-child {
    margin-bottom: 30px
}

.subMenuPro dl dt {
    width: 100px;
    display: inline-flex;
    float: left;
    align-items: center
}

.subMenuPro dl .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 4px;
    position: relative
}

.subMenuPro dl dd {
    flex: 1
}

.subMenuPro dl .jgQj {
    display: inline-block
}

.subMenuPro dl .date {
    display: inline-block;
    margin-left: 30px
}

.subMenuPro dl .input-form {
    background-color: #f5f5f5;
    border-radius: 5px;
    width: 150px
}

@media screen and (max-width: 767px) {
    .subMenuPro {
        margin-bottom: 20px
    }

    .subMenuPro.subMenuZhengniu .left .pic {
        margin-top: 10px;
        width: 80px;
        height: 80px;
        position: absolute
    }

    .subMenuPro.subMenuZhengniu .left .leftC {
        padding: 15px;
        background-image: none !important;
        background: linear-gradient(180deg, #fcfef3, #fbd5cb) !important
    }

    .subMenuPro.subMenuZhengniu dl {
        display: block
    }

    .subMenuPro.subMenuZhengniu dl .input-form {
        min-width: auto;
        width: 80px
    }

    .subMenuPro.subMenuZhengniu dl .jgQj {
        width: 60%;
        float: left
    }

    .subMenuPro.subMenuZhengniu dl .date {
        width: 40%;
        float: left;
        margin-left: 0;
        font-size: 0
    }

    .subMenuPro.subMenuZhengniu dl .date .input-form {
        width: 100%;
        font-size: 12px
    }

    .subMenuPro .left {
        width: 100%
    }

    .subMenuPro .left .leftC {
        padding: 15px
    }

    .subMenuPro .left .title-1 {
        color: #000;
        font-size: 20px;
        margin-bottom: 0
    }

    .subMenuPro .left .title-2 {
        height: auto;
        margin-bottom: 0;
        font-size: 20px
    }

    .subMenuPro .left .pic {
        top: 10px
    }

    .subMenuPro .list {
        margin-left: -2px;
        margin-right: -2px
    }

    .subMenuPro .list li {
        padding: 0 2px 4px 2px
    }

    .subMenuPro .list .box {
        font-size: 14px;
        min-width: 80px;
        padding: 0 5px
    }

    .subMenuPro .right {
        padding: 15px
    }
}

.filterPro {
    color: #58595c;
    font-size: 16px;
    background-color: #fff;
    margin-bottom: 38px;
    padding: 6px 20px 0 20px;
    line-height: 54px;
    box-shadow: -4px 4px 31px 1px rgba(24, 33, 42, 0.08)
}

.filterPro:after {
    content: "";
    display: block;
    clear: both
}

.filterPro a {
    color: #58595c
}

.filterPro .left {
    display: inline-flex;
    float: left
}

.filterPro .left > a {
    display: inline-block;
    text-align: center;
    padding: 0 30px
}

.filterPro .left > a:hover {
    color: #f29737
}

.filterPro .left > a.active {
    background-color: #f6f6f6;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    color: #f29737
}

.filterPro .left i {
    font-style: initial;
    margin-left: 5px
}

.filterPro .jg {
    display: inline-flex;
    align-items: center;
    margin-right: 20px;
    padding-left: 30px
}

.filterPro .up-down {
    height: 32px;
    display: inline-block;
    font-style: initial;
    line-height: 1;
    vertical-align: top;
    font-size: 16px
}

.filterPro .up-down .up {
    display: block;
    cursor: pointer
}

.filterPro .up-down .down {
    display: block;
    cursor: pointer
}

.filterPro .up-down .up:hover, .filterPro .up-down .down:hover {
    color: #f29737
}

.filterPro .up-down .up.active, .filterPro .up-down .down.active {
    color: #f29737
}

.filterPro .priceQujian {
    position: relative;
    z-index: 1
}

.filterPro .priceQujian input {
    width: 80px;
    height: 24px;
    line-height: 22px;
    border: 1px solid #ddd;
    padding: 3px 5px;
    border-radius: 5px;
    -moz-appearance: textfield
}

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

.filterPro .priceQujian input:focus {
    border-color: #f29737
}

.filterPro .priceQujian .price-edit {
    width: 100%;
    width: calc(100% + 20px);
    padding: 50px 10px 15px 10px;
    line-height: 30px;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #999;
    display: none;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    z-index: -1;
    top: 0;
    left: -10px
}

.filterPro .priceQujian .price-edit .confirmBtn {
    width: 46px;
    line-height: 24px;
    height: 26px;
    border: 1px solid #ccc;
    text-align: center;
    background: #f7f7f7;
    color: #333
}

.filterPro .priceQujian .price-edit .confirmBtn:hover {
    background: #f29737;
    border-color: #f29737;
    color: #fff
}

.filterPro .priceQujian .price-edit .emptyBtn {
    color: #f29737
}

.filterPro .priceQujian .price-edit .emptyBtn:hover {
    color: #152587
}

.filterPro .priceQujian:hover .price-edit {
    display: flex
}

.filterPro .right {
    float: right;
    display: inline-flex
}

.filterPro .total {
    display: inline-block;
    margin-right: 10px
}

.filterPro .topPage {
    display: inline-block;
    font-size: 14px
}

.filterPro .topPage .prev, .filterPro .topPage .next {
    font-family: "\5b8b\4f53"
}

.filterPro .topPage .cur {
    color: #f29737
}

.filterPro .topPage .num {
    margin: 0 5px
}

@media screen and (max-width: 1024px) {
    .filterPro {
        font-size: 14px;
        line-height: 30px;
        padding: 20px 15px
    }

    .filterPro .left {
        flex-wrap: wrap;
        justify-content: space-between
    }

    .filterPro .left > a {
        padding: 0 10px
    }

    .filterPro .left > a.active {
        background-color: transparent
    }

    .filterPro .left .icon {
        display: none
    }

    .filterPro .priceQujian {
        display: none
    }

    .filterPro .up-down {
        display: block;
        width: 20px;
        height: 32px;
        text-align: center;
        font-size: 12px;
        line-height: 1;
        position: relative
    }

    .filterPro .up-down .layui-icon {
        font-size: 14px
    }

    .filterPro .up-down .up {
        position: absolute;
        top: 2px
    }

    .filterPro .up-down .down {
        position: absolute;
        bottom: 2px
    }

    .filterPro .jg {
        padding-left: 10px
    }

    .filterPro .total {
        display: none
    }

    .filterPro .topPage {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .filterPro {
        text-align: left;
        padding: 15px 15px;
        margin-bottom: 20px
    }

    .filterPro .right {
        float: none
    }

    .filterPro .topPage {
        text-align: left
    }

    .filterPro .left {
        width: 100%
    }

    .filterPro .left > a {
        padding: 0 5px
    }

    .filterPro .jg {
        padding-left: 5px;
        margin-right: 0
    }

    .filterPro .priceQujian {
        display: none
    }
}

.product-title {
    text-align: center;
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 27px;
    color: #212121
}

.product-title .tu {
    display: inline-block;
    vertical-align: top;
    filter: brightness(0) invert(.2);
    width: 40px;
    margin-right: 5px
}

.product0 {
    padding-top: 48px
}

.product0 .container {
    max-width: 1710px
}

.product0 .page {
    padding-top: 20px
}

.product {
    padding-bottom: 90px
}

@media screen and (max-width: 1024px) {
    .product {
        padding-bottom: 40px
    }

    .product .page {
        padding-top: 20px
    }
}

.second-nav {
    margin-bottom: 40px
}

.second-nav ul {
    text-align: center;
    font-size: 0
}

.second-nav ul li {
    display: inline-block;
    vertical-align: top;
    padding: 0 13px;
    margin-bottom: 5px
}

.second-nav ul li a {
    display: block;
    font-size: 18px;
    line-height: 40px;
    color: #4d4d4d;
    background: #fff;
    border-radius: 21px;
    border: solid 1px #ccc;
    padding: 0 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    max-width: 200px
}

@media (min-width: 1025px) {
    .second-nav ul li:hover a {
        background: #f29737;
        border: solid 1px #f29737;
        color: #fff
    }
}

.second-nav ul .active a {
    background: #f29737;
    border: solid 1px #f29737;
    color: #fff
}

.product0-list {
    margin: 0 -13px
}

.product0-list li {
    width: 25%;
    float: left;
    padding: 0 13px 26px 13px
}

@media (min-width: 1025px) {
    .product0-list li:hover .tu img {
        transform: scale(1.1)
    }
}

.product0-list .box {
    overflow: hidden;
    position: relative;
    background-color: #fff;
    display: block
}

.product0-list .box {
    border: 2px solid #f29737;
    background: #fff
}

.product0-list .bt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 22px;
    line-height: 32px;
    color: #333
}

.product0-list .span {
    font-size: 14px;
    line-height: 28px;
    color: #f19832;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important
}

.product0-list .tu img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.product0-list .tu .vip1 {
    position: absolute;
    bottom: 0;
    left: -5px;
    z-index: 33
}

.product0-list .tu .vip1 img {
    width: 116px;
    display: block;
    transform: scale(1) !important
}

.product0-list .text {
    padding: 4px 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 33;
    background: rgba(255, 255, 255, 0.9)
}

.accessories-list li {
    width: 20%;
    padding: 0 13px 47px 13px
}

.accessories-list li .box {
    border: 0;
    background: none
}

.accessories-list li .tu {
    position: relative;
    border: 2px solid #f29737
}

.accessories-list li .tu .acin {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 14px;
    line-height: 26px;
    background: #f29737;
    border-radius: 8px;
    padding: 0 10px;
    font-family: var(--HarmonyOS_Sans_SC_Medium);
    color: #fff
}

.accessories-list li .info {
    padding-top: 18px
}

.accessories-list li .h3 a {
    display: block;
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 22px;
    line-height: 32px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important
}

.accessories-list li .txt {
    font-size: 14px;
    line-height: 25px;
    color: #f29737
}

.accessories-list li .select {
    margin-top: 7px;
    margin-bottom: 11px
}

.accessories-list li .select select {
    width: 100%;
    height: 38px;
    background-color: #fff;
    border: solid 1px #ccc;
    padding: 0 20px;
    font-size: 16px;
    color: #333
}

.accessories-list li .price {
    margin-bottom: 18px
}

.accessories-list li .price span {
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 18px;
    line-height: 32px;
    color: #f29737
}

.accessories-list li .price span b {
    font-size: 26px;
    font-weight: normal
}

.accessories-list li .jiagou a {
    text-align: center;
    display: block;
    line-height: 49px;
    background-color: #f29737;
    color: #fff;
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 18px
}

.accessories-list li .jiagou a .layui-icon {
    font-size: 20px;
    margin: 0 25px;
    display: inline-block;
    vertical-align: top
}

.listProduct {
    margin-left: -15px;
    margin-right: -15px
}

.listProduct li {
    width: 25%;
    padding: 0 15px 30px 15px;
    float: left
}

.listProduct li.col-3 {
    width: 33.33333333%
}

.listProduct .box {
    overflow: hidden;
    position: relative;
    background-color: #fff;
    display: block;
    padding: 20px 20px 40px 20px
}

.listProduct .pic {
    border-radius: 15px;
    overflow: hidden;
    position: relative
}

.listProduct .pic:after {
    content: "";
    display: block;
    padding-top: 80%
}

.listProduct .pic img {
    transition: all .5s
}

.listProduct .pic .tag {
    display: inline-block;
    min-width: 50px;
    line-height: 32px;
    border-top-left-radius: 16px;
    border-bottom-right-radius: 16px;
    background-color: #f72967;
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 0 10px;
    position: absolute;
    top: 0;
    left: 0
}

.listProduct .text {
    padding: 20px 0 6px 0
}

.listProduct .title {
    color: #303030;
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
    height: 64px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    margin-bottom: 10px
}

.listProduct .title-2 {
    color: #303030;
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    margin-bottom: 5px
}

.listProduct .tags {
    padding: 4px 0;
    margin-bottom: 5px
}

.listProduct .tags > div > span {
    clear: both;
    display: inline-block;
    color: #4a4a4a;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    background: rgba(72, 123, 188, 0.2);
    border-radius: 3px;
    padding: 0 8px;
    margin-bottom: 8px
}

.listProduct .price-1 {
    color: #f29737;
    font-size: 24px;
    line-height: 1;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    position: relative
}

.listProduct .price-1 .mianyi {
    color: #f29737;
    font-size: 18px;
    position: absolute;
    top: 0;
    right: 0
}

.listProduct .current_price {
    font-weight: 700;
    font-size: 28px
}

.listProduct .danwei {
    font-size: 16px
}

.listProduct .price-2 {
    font-size: 16px;
    color: #303030;
    line-height: 28px;
    height: 28px;
    overflow: hidden
}

.listProduct .market_price {
    text-decoration: line-through
}

.listProduct .btnDiv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px
}

.listProduct .btnDiv .btn-2 {
    display: inline-block
}

.listProduct .btnDiv .btn-2 a {
    display: block;
    min-width: 136px;
    line-height: 40px;
    border-radius: 20px;
    text-align: center;
    padding: 0 10px;
    background-color: #f29737;
    color: #fff
}

.listProduct .btnDiv .btn-2 a:hover {
    color: #fff;
    background-color: #152587
}

.listProduct .btnDiv .btn-2 .layui-icon {
    margin-right: 5px;
    font-size: 20px
}

.listProduct .jrgwc {
    padding-top: 20px
}

.listProduct .jrgwc a {
    display: inline-block;
    min-width: 136px;
    line-height: 40px;
    border-radius: 20px;
    text-align: center;
    padding: 0 10px;
    background-color: #f29737;
    color: #fff
}

.listProduct .jrgwc a .layui-icon {
    margin-right: 10px;
    font-size: 20px
}

.listProduct .jrgwc a:hover {
    color: #fff;
    background-color: #152587
}

.listProduct .pj-dz {
    margin-top: 15px;
    line-height: 40px;
    display: flex;
    color: #666;
    text-align: center
}

.listProduct .pj-dz a {
    color: #666
}

.listProduct .pj-dz .layui-icon {
    margin-right: 5px
}

.listProduct .pj-dz .pj {
    width: 50%;
    float: left
}

.listProduct .pj-dz .dz {
    width: 50%;
    float: left
}

.listProduct .item-operate {
    position: absolute;
    z-index: 9;
    left: 0;
    top: -30px;
    width: 100%;
    height: 30px;
    overflow: hidden;
    text-align: center;
    -webkit-transition: top .2s cubic-bezier(.22, .61, .36, 1) 0s;
    transition: top .2s cubic-bezier(.22, .61, .36, 1) 0s
}

.listProduct .item-operate a {
    float: left;
    width: 50%;
    height: 30px;
    line-height: 30px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border-right: 1px #fff solid
}

.listProduct .item-operate a:last-child {
    border-right: none
}

.listProduct a:hover {
    color: #f29737
}

.listProduct .box:hover .item-operate {
    top: 0
}

.listProduct .box:hover img {
    transform: scale(1.1)
}

.listProduct .box:hover .title {
    color: #f29737
}

@media screen and (max-width: 1279px) {
    .listProduct .btnDiv .btn-2 a {
        min-width: 124px
    }
}

@media screen and (max-width: 1024px) {
    .listProduct {
        margin-left: -5px;
        margin-right: -5px
    }

    .listProduct li {
        width: 50%;
        padding: 0 5px 10px 5px
    }

    .listProduct li.col-3 {
        width: 50%
    }

    .listProduct .text {
        padding: 10px 0 0 0
    }

    .listProduct .title {
        font-size: 16px;
        line-height: 24px;
        height: 48px
    }

    .listProduct .price-2 {
        font-size: 14px
    }

    .listProduct .current_price {
        font-size: 24px
    }

    .listProduct .danwei {
        font-size: 12px
    }

    .listProduct .btnDiv {
        line-height: 30px
    }

    .listProduct .btnDiv .btn-2 {
        font-size: 0
    }

    .listProduct .btnDiv .btn-2 a {
        min-width: auto;
        line-height: 30px
    }

    .listProduct .btnDiv .btn-2 .layui-icon {
        vertical-align: top
    }

    .listProduct .btnDiv .btn-2 .layui-icon:before {
        vertical-align: top
    }

    .listProduct .tags > span {
        font-size: 12px;
        margin-right: 5px
    }

    .listProduct .tags > span:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 767px) {
    .listProduct .box {
        padding: 10px
    }

    .listProduct .pic {
        border-radius: 15px
    }

    .listProduct .price-1 {
        height: auto;
        font-size: 14px
    }

    .listProduct .danwei {
        font-size: 10px
    }

    .listProduct .mianyi {
        width: 100%;
        display: block;
        position: static;
        font-size: 14px
    }

    .listProduct .tags {
        flex-wrap: wrap;
        height: auto
    }

    .listProduct .tags > span {
        display: block;
        margin-right: 0;
        margin-bottom: 5px
    }

    .listProduct .current_price {
        font-size: 18px
    }

    .listProduct .btnDiv .btn-2 a {
        font-size: 14px;
        min-width: 30px;
        padding-left: 0;
        padding-right: 0;
        line-height: 30px;
        height: 30px;
        font-size: 0
    }

    .listProduct .btnDiv .btn-2 .layui-icon {
        margin-right: 2px;
        font-size: 16px
    }

    .listProduct .jrgwc a {
        font-size: 14px;
        min-width: 60px;
        line-height: 30px;
        height: 30px
    }

    .listProduct .jrgwc .layui-icon {
        margin-right: 2px;
        font-size: 16px
    }

    .listProduct .pj-dz {
        flex-wrap: wrap
    }

    .listProduct .pj-dz .pj {
        width: 100%
    }

    .listProduct .pj-dz .dz {
        width: 100%
    }
}

.about0 {
    padding-top: 48px
}

.faq {
    padding: 30px 0
}

.faq ul li {
    margin-bottom: 26px
}

.faq ul li .bt {
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 26px;
    color: #152584;
    margin-bottom: 13px
}

.faq ul li .p {
    font-family: var(--HarmonyOS_Sans_SC_Light);
    font-size: 22px;
    line-height: 40px;
    padding: 20px 39px;
    color: #151515;
    background-color: #e0e0e0;
    border-radius: 31px
}

.downlist {
    padding: 30px 0
}

.downlist ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 30px;
    grid-column-gap: 30px
}

.downlist li .item {
    overflow: hidden;
    background-color: #eceff3
}

.downlist li a {
    overflow: hidden;
    padding: 39px 25px;
    display: flex
}

.downlist li .tu {
    width: 30%;
    float: left;
    overflow: hidden;
    background: #fff;
    position: relative;
    transition: all 700ms ease;
    border: solid 1px #e0e1e1;
    box-shadow: 2px 6px 30px 0 rgba(52, 104, 167, 0.2)
}

.downlist li .tu:after {
    padding-bottom: 133.33333333%
}

.downlist li .txtbox {
    width: 70%;
    float: left;
    padding-left: 40px
}

.downlist li .tit {
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 20px;
    line-height: 27px;
    color: #212121;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important
}

.downlist li .tag {
    font-size: 14px;
    line-height: 27px;
    color: #a1a1a1;
    margin: 31px 0 21px 0
}

.downlist li .dow {
    color: #f29737;
    font-size: 17px;
    line-height: 46px;
    width: 184px;
    border-radius: 2px;
    border: solid 1px #f29737;
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0 30px
}

.downlist li .dow svg {
    width: 20px;
    height: 46px;
    margin-left: 10px;
    fill: #f29737;
    float: right
}

@media (min-width: 1025px) {
    .downlist li:hover .item {
        box-shadow: -11px 11px 21px 0 rgba(42, 13, 13, 0.17)
    }

    .downlist li:hover .tit {
        color: #152587;
        text-decoration: underline
    }

    .downlist li:hover .pic img {
        transform: scale(1.05)
    }

    .downlist li:hover .dow {
        color: #fff;
        background: #f29737;
        border: solid 1px #f29737
    }

    .downlist li:hover .dow svg {
        fill: #fff
    }
}

.videolist {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 40px;
    grid-column-gap: 42px;
    padding-top: 22px;
    padding-bottom: 22px
}

.videolist .item {
    border: 1px solid #eee
}

@media (min-width: 1025px) {
    .videolist .item:hover .tu img {
        transform: scale(1.1)
    }

    .videolist .item:hover .bt {
        color: #f29737
    }
}

.videolist .item .box {
    overflow: hidden;
    height: 100%
}

.videolist .tu:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/v.png) no-repeat center center;
    background-size: 52px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 33
}

.videolist .tu:after {
    padding-bottom: 56.19469027%
}

.videolist .tu img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.videolist .bt {
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 22px;
    line-height: 66px;
    color: #212121;
    height: 66px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    text-align: center;
    background-color: #eee;
    padding: 0 22px
}

.videoPopup {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0
}

.videoPopup.show {
    display: block
}

.videoPopup .transparent {
    display: block;
    position: fixed;
    z-index: 9;
    top: 0;
    margin: auto;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3)
}

.videoPopup .videoPopupCon {
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.videoPopup .videoPopupWrap {
    width: auto;
    max-width: 90vw;
    max-height: 90vh;
    padding: 0;
    margin: auto;
    vertical-align: top
}

.videoPopup .con {
    width: auto;
    height: 100%;
    position: relative;
    z-index: 100
}

.videoPopup iframe {
    width: 100% !important;
    height: 100% !important
}

.videoPopup video {
    width: 100%;
    height: auto;
    max-width: 90vw;
    max-height: 90vh;
    vertical-align: top
}

.videoPopup .closeBtn {
    cursor: pointer;
    display: block;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: #f29737;
    color: #fff;
    position: absolute;
    z-index: 9999;
    right: 0;
    top: 0
}

.videoPopup .closeBtn:before, .videoPopup .closeBtn:after {
    content: "";
    display: block;
    background: #fff;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.videoPopup .closeBtn:before {
    width: 25px;
    height: 1px
}

.videoPopup .closeBtn:after {
    width: 1px;
    height: 25px
}

@media screen and (max-width: 1024px) {
    .videoPopup .videoPopupWrap {
        width: 100%
    }

    .videoPopup .closeBtn {
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px
    }

    .videoPopup .closeBtn:before {
        width: 17px;
        height: 1px
    }

    .videoPopup .closeBtn:after {
        width: 1px;
        height: 17px
    }
}

.home-title {
    position: relative;
    line-height: 74px
}

.home-title p {
    font-size: 70px;
    letter-spacing: 2px;
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    color: rgba(102, 102, 102, 0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-transform: uppercase;
    z-index: 1;
	display:none;
    text-stroke: 1px rgba(102, 102, 102, 0.2);
    -webkit-text-stroke: 1px rgba(102, 102, 102, 0.2)
}

.home-title h2 {
    font-size: 42px;
    letter-spacing: 1px;
    color: #212121;
    position: relative;
    z-index: 33;
    font-weight: bold
}

.contact01 {
    padding: 51px 0 0 0
}

.contact01 .left {
    width: 38%;
    float: left;
    position: relative;
    z-index: 1
}

.contact01 .left .home-title {
    text-align: left;
    position: relative
}

.contact01 .left .f3 {
    font-size: 18px;
    line-height: 42px;
    color: #616161;
    padding-top: 38px
}

.contact01 .left .f3 p {
    position: relative;
    padding-left: 62px;
    margin-bottom: 12px
}

.contact01 .left .f3 p i {
    position: absolute;
    top: 0;
    left: 0;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #e8eff6;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.contact01 .left .f3 p img, .contact01 .left .f3 p svg {
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto;
    fill: #f29737
}

.contact01 .left .f3 a {
    color: rgba(255, 255, 255, 0.68)
}

.contact01 .left .cshare {
    padding-top: 55px
}

.contact01 .left .cshare ul li {
    width: 71px;
    margin-right: 27px;
    float: left;
    text-align: center;
    position: relative;
    cursor: pointer
}

.contact01 .left .cshare ul li .bt {
    font-size: 14px;
    line-height: 32px;
    color: #333
}

.contact01 .left .cshare ul li .hover {
    position: absolute;
    top: 100%;
    width: 140px;
    background: #fff;
    color: #fff;
    display: none;
    z-index: -1;
    border-radius: 5px;
    padding: 5px;
    left: 50%;
    margin-left: -70px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
}

.contact01 .left .cshare ul li .hover img {
    display: block
}

.contact01 .left .cshare ul li .hover::after {
    content: '';
    border: 8px solid transparent;
    border-bottom-color: #fff;
    width: 0;
    height: 0;
    margin: 0 auto;
    position: absolute;
    top: -16px;
    left: 0;
    right: 0
}

@media (min-width: 1025px) {
    .contact01 .left .cshare ul li:hover .hover {
        display: block
    }
}

.contact01 .right {
    float: right;
    width: 52%;
    position: relative;
    z-index: 3
}

.contact02 {
    padding: 84px 0 40px 0;
    position: relative
}

.contact02 .home-title {
    text-align: center;
    position: relative
}

.contact02 .inside-message {
    margin-top: 32px;
    padding: 70px 82px 53px 82px;
    background: #fff;
    box-shadow: 0 0 30px 0 rgba(3, 0, 0, 0.1);
    border-radius: 20px
}

.contact02 .inside-message .list {
    position: relative
}

.contact02 .inside-message li {
    width: 33.33333333%;
    float: left;
    padding: 0 6px 25px 6px;
    position: relative
}

.contact02 .inside-message .box {
    position: relative
}

.contact02 .input-form, .contact02 select, .contact02 textarea {
    height: 55px;
    width: 100%;
    border: none;
    border-bottom: 1px solid #eaeaea;
    background: none;
    font-size: 16px;
    padding-left: 88px;
    color: #959595
}

.contact02 .input-form1 {
    padding-left: 108px
}

.contact02 .red {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    line-height: 55px;
    color: #333
}

.contact02 .red font {
    color: #f00
}

.contact02 .red img {
    width: 20px;
    display: inline-block;
    vertical-align: top;
    margin-top: 18px;
    margin-right: 9px
}

.contact02 .verifyDiv {
    float: left
}

.contact02 .span {
    color: #f00;
    display: block;
    padding-left: 18px
}

.contact02 .span span {
    font-size: 16px;
    line-height: 43px;
    color: #08060b
}

.contact02 textarea {
    padding-top: 51px;
    height: 159px;
    padding-left: 30px
}

.contact02 .more {
    float: right
}

.contact02 .more a {
    width: 179px;
    line-height: 50px;
    height: 50px;
    background-color: #f09833;
    border-radius: 24px;
    display: block;
    text-align: center
}

.contact02 .btn2 {
    margin-top: 27px
}

.contact02 .filter-checkbox label, .contact02 .btn2 label {
    float: left;
    font-size: 16px;
    line-height: 50px;
    color: #333;
    cursor: pointer;
    margin-right: 29px
}

.contact02 .filter-checkbox label input[type='checkbox'], .contact02 .btn2 label input[type='checkbox'], .contact02 .filter-checkbox label input[type='radio'], .contact02 .btn2 label input[type='radio'] {
    cursor: pointer;
    position: relative;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    overflow: hidden;
    border-radius: 0;
    border: 1px solid #fff;
    margin-top: -3px
}

.contact02 .filter-checkbox label input[type='checkbox']::after, .contact02 .btn2 label input[type='checkbox']::after, .contact02 .filter-checkbox label input[type='radio']:after, .contact02 .btn2 label input[type='radio']:after {
    position: absolute;
    top: 0;
    color: #000;
    width: 16px;
    height: 16px;
    display: inline-block;
    visibility: visible;
    padding-left: 0;
    text-align: center;
    content: ' '
}

.contact02 .filter-checkbox label input[type='checkbox']:checked::after, .contact02 .btn2 label input[type='checkbox']:checked::after, .contact02 .filter-checkbox label input[type='radio']:checked::after, .contact02 .btn2 label input[type='radio']:checked::after {
    content: '✓';
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    background: var(--main-color)
}

.contact02 .filter-checkbox label input[type='radio'], .contact02 .btn2 label input[type='radio'] {
    border-radius: 50%;
    overflow: hidden
}

.contact02 .filter-checkbox label input[type='radio']:checked::after, .contact02 .btn2 label input[type='radio']:checked::after {
    content: '●';
    border-radius: 50%;
    background: var(--main-color)
}

.contact02 .filter-checkbox .col-2, .contact02 .btn2 .col-2 {
    float: right
}

.verify-wrap {
    width: 390px !important;
    height: 50px;
    background-color: #e5e5e5;
    position: relative
}

.verify-wrap .drag-btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: #f7f8f9 url(../images/drag-arrow.svg) no-repeat center center;
    background-size: 18px;
    z-index: 2;
    cursor: move;
    border: 1px solid #e1e1e1
}

.verify-wrap .suc-drag-btn {
    background: #fff url(../images/drag-success.svg?t=1) no-repeat center center;
    background-size: 22px;
    border: 1px solid #e1e1e1
}

.verify-wrap .drag-progress {
    position: absolute;
    left: 0;
    top: 0;
    height: 50px;
    width: 0;
    background-color: #f29737;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 50px
}

.verify-wrap .fix-tips, .verify-msg {
    width: 100%;
    position: absolute;
    right: 0;
    left: 0;
    height: 100%;
    color: #51555c;
    z-index: 1;
    line-height: 50px;
    font-size: 14px;
    text-align: center;
    padding-left: 48px
}

.verify-wrap .verify-msg {
    background-color: #f29737;
    color: #fff;
    display: none;
    padding-left: 0;
    padding-right: 48px
}

.news {
    padding-top: 18px
}

.newslist li {
    margin-bottom: 30px
}

.newslist li .box {
    position: relative;
    min-height: 300px;
    padding-left: 374px;
    padding-top: 27px;
    background: #fff;
    box-shadow: 0 0 41px 5px rgba(32, 35, 41, 0.08)
}

.newslist li .tu {
    width: 300px;
    position: absolute;
    top: 0;
    left: 0
}

.newslist li .text {
    padding-left: 150px;
    position: relative;
    padding-right: 80px;
    padding-top: 21px
}

.newslist li .text .date {
    color: #f19832;
    position: absolute;
    top: 0;
    left: 0
}

.newslist li .text .date span {
    font-family: var(--Roboto-Medium);
    font-size: 52px
}

.newslist li .text .date p {
    font-family: var(--Roboto-Regular);
    font-size: 18px;
    line-height: 29px
}

.newslist li .text .bt {
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    color: #333
}

.newslist li .text .p {
    font-size: 16px;
    line-height: 26px;
    height: 78px;
    margin-bottom: 25px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    color: #4d4d4d
}

.newslist li .text .more p {
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 18px;
    color: #fff;
    width: 180px;
    line-height: 48px;
    padding: 0 24px;
    background-color: #e59c38
}

.newslist li .text .more p span {
    font-family: '宋体';
    float: right;
    display: block
}

@media (min-width: 1025px) {
    .newslist li:hover .tu img {
        transform: scale(1.1)
    }

    .newslist li:hover .bt {
        color: #152587
    }
}

.news0 .container {
    max-width: 1480px
}

.news-show {
    padding-top: 0
}

.news-show .nr {
    padding-bottom: 40px
}

.news-show .left1 {
    width: 65%;
    float: left;
    padding: 92px 60px 93px 60px;
    background: #fff
}

.news-show .right1 {
    float: right;
    width: 31.5%;
    padding: 91px 37px;
    background: #fff;
    position: sticky;
    top: 100px;
    z-index: 33
}

.news-show .right1 .title {
    font-size: 20px;
    border-bottom: 1px solid #cdcccc;
    padding-bottom: 31px;
    margin-bottom: 25px;
    font-weight: bold;
    color: #212121
}

.news-show .right1 .newslist2 .item {
    width: 100%;
    margin-bottom: 26px
}

.news-show .right1 .newslist2 .item .tu:after {
    padding-bottom: 100%
}

.news-show .right1 .newslist2 .item .tu img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (min-width: 1025px) {
    .news-show .right1 .newslist2 .item:hover .box .h3 {
        color: #152587;
        font-weight: bold
    }
}

.news-show .right1 .newslist2 .item .box {
    padding: 0;
    border-bottom: 1px solid #cdcccc;
    padding-bottom: 18px;
    background: none;
    box-shadow: none;
    border-radius: 0;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.news-show .right1 .newslist2 .item .box .text {
    float: left;
    width: 55%;
    padding-left: 17px
}

.news-show .right1 .newslist2 .item .box .date {
    font-size: 14px;
    margin-bottom: 20px;
    color: #7a7a7a
}

.news-show .right1 .newslist2 .item .box .h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    color: #212121
}

.news-show .right1 .newslist2 .item .tu {
    margin-bottom: 0;
    float: left;
    width: 36%
}

.news-show .right1 .newslist2 .item .date {
    letter-spacing: 0;
    margin-bottom: 0
}

.h01 {
    font-size: 32px;
    font-weight: bold;
    line-height: 52px;
    color: #212121
}

.h02 {
    font-size: 16px;
    margin-top: 17px;
    color: #7a7a7a;
    line-height: 40px;
    border-bottom: 1px solid #cdcccc;
    padding-bottom: 22px
}

.h02 span {
    margin-right: 20px
}

.fenxiang {
    position: relative;
    float: right
}

.fenxiang span {
    display: block;
    float: left;
    line-height: 40px
}

.fenxiang .fr {
    float: right;
    margin-right: 0
}

.fenxiang .fr a {
    display: block;
    float: left;
    width: 40px
}

.news-info {
    font-size: 18px;
    line-height: 30px;
    color: #4d4d4d;
    padding-bottom: 34px;
    border-bottom: 1px solid #dfdfdf;
    padding-top: 60px
}

.news-info img {
    display: block;
    margin-bottom: 20px
}

.news-info p {
    margin-bottom: 15px
}

.list-page {
    text-align: center;
    width: 100%;
    margin-top: 27px
}

.list-page .return {
    display: inline-block;
    vertical-align: top;
    color: #152587;
    padding: 0 20px;
    line-height: 40px;
    padding-top: 12px;
    background: url(../images/return.png) no-repeat top center;
    background-size: 14px
}

.list-page .prev, .list-page .next {
    width: 40%;
    font-size: 16px;
    color: #7a7a7a
}

.list-page .prev .el, .list-page .next .el {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important
}

.list-page .prev a:hover, .list-page .next a:hover {
    color: #152587
}

.list-page .prev {
    text-align: left;
    float: left
}

.list-page .prev span {
    padding-left: 20px;
    background: url(../images/prev-01.png) no-repeat center left;
    background-size: 8px
}

.list-page .prev .el {
    padding-left: 20px
}

.list-page .next {
    text-align: right;
    float: right
}

.list-page .next span {
    padding-right: 20px;
    background: url(../images/next-01.png) no-repeat center right;
    background-size: 8px
}

.list-page .next .el {
    padding-right: 20px
}

.about01 {
    padding-top: 62px;
    padding-bottom: 103px
}

.about01 .left {
    float: right;
    width: 47%;
    position: relative;
    overflow: hidden
}

.about01 .left img {
    display: block
}

.about01 .left .hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/v.png) no-repeat center center;
    background-size: 52px;
    z-index: 3
}

.about01 .right {
    float: left;
    width: 49%
}

.about01 .right .p {
    font-size: 20px;
    line-height: 34px;
    color: rgba(51, 51, 51, 0.9);
    height: 340px;
    overflow: auto;
    padding-right: 10px;
    margin-top: 6px
}

.about01 .right .p::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 4px;
    background: #e6e6e6
}

.about01 .right .p::-webkit-scrollbar-thumb {
    height: 0;
    opacity: .5;
    border-radius: 4px;
    background: #f29737
}

.youshi {
    font-size: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-row-gap: 50px;
    grid-column-gap: 50px;
    margin-top: 50px;
    margin-bottom: 57px
}

.youshi li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    text-align: left
}

.youshi li .box {
    position: relative
}

.youshi li .tu {
    width: 75px;
    position: absolute;
    top: 0;
    left: 0
}

.youshi li .num {
    font-size: 66px;
    color: #f19731;
    height: 75px;
    line-height: 75px;
    font-family: var(--Poppins-SemiBold);
    padding-left: 90px
}

.youshi li .num span {
    display: inline-block;
    vertical-align: top;
    font-size: 66px
}

.youshi li .num i {
    font-size: 66px;
    line-height: 75px;
    font-style: normal;
    display: inline-block;
    vertical-align: top
}

.youshi li .h3 {
    font-size: 16px;
    color: #474747
}

.vr-card {
    height: 620px;
    position: relative
}

.about02 {
    padding: 70px 0 90px 0;
    position: relative
}

.about02 .home-title {
    text-align: center
}

.about02 .nr {
    padding-top: 52px
}

.about02 .left {
    float: left;
    width: 48%
}

.about02 .left .swiper-tu {
    position: relative;
    overflow: hidden
}

.about02 .left .swiper-tu .tu:after {
    padding-bottom: 64.70588235%
}

.about02 .left .swiper-tu .swiper-pagination {
    position: absolute;
    bottom: 10px;
    right: 0
}

.about02 .left .swiper-tu .swiper-pagination-bullet {
    margin-left: 3px;
    border-radius: 8px;
    transition: .5s;
    background-color: #fff;
    opacity: 1
}

.about02 .left .swiper-tu .swiper-pagination-bullet-active {
    background-color: #fff;
    width: 26px
}

.about02 .right {
    float: right;
    width: 48%
}

.about02 .right .p {
    font-size: 20px;
    line-height: 34px;
    color: rgba(51, 51, 51, 0.9)
}

.about02 .right .p p {
    margin-bottom: 9px
}

.about03 {
    padding: 80px 0 0 0;
    position: relative
}

.about03 .home-title {
    text-align: center
}

.about03 .about-bottom {
    margin-top: 40px
}

.about03 .about-bottom ul {
    transition: .5s;
    display: flex
}

.about03 .about-bottom ul li {
    width: 16.66666667%;
    float: left;
    transition: .5s
}

.about03 .about-bottom ul li .box {
    height: 720px;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    position: relative
}

.about03 .about-bottom ul li .box .text {
    position: absolute;
    text-align: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 40px
}

.about03 .about-bottom ul li .box .tu {
    width: 80px;
    margin: 0 auto
}

.about03 .about-bottom ul li .box .bt {
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 30px;
    margin-top: 48px;
    margin-bottom: 24px;
    color: #fff
}

.about03 .about-bottom ul li .box .p {
    font-size: 20px;
    line-height: 38px;
    color: #fff;
    min-height: 76px;
    opacity: 0
}

@media (min-width: 1025px) {
    .about03 .about-bottom ul li:hover {
        width: 27.5% !important
    }

    .about03 .about-bottom ul li:hover .p {
        opacity: 1
    }
}

@media (min-width: 1025px) {
    .about03 .about-bottom ul:hover li {
        width: 14.5%
    }
}

.about04 {
    padding: 87px 0 124px 0;
    position: relative
}

.about04 .home-title {
    text-align: center
}

.about04 .nr {
    padding-top: 44px
}

.about04 .left {
    float: right;
    width: 48%
}

.about04 .left img {
    display: block
}

.about04 .right {
    float: left;
    width: 48%
}

.about04 .right .p {
    font-size: 20px;
    line-height: 34px;
    color: rgba(51, 51, 51, 0.9)
}

.about04 .right .p p {
    margin-bottom: 9px
}

.about05 {
    padding: 80px 0;
    position: relative
}

.about05 .home-title {
    text-align: center
}

.about05 .p {
    text-align: center;
    font-size: 20px;
    line-height: 34px;
    margin-top: 7px;
    margin-bottom: 54px;
    color: rgba(51, 51, 51, 0.9)
}

.about05 {
    background: url(../images/bg7.png) no-repeat top center;
    background-size: cover
}

.about05 .abg {
    background: url(../images/bg8.png) no-repeat bottom center;
    overflow: hidden
}

.about05 .ht {
    margin-bottom: 37px
}

.about05 .home-bottom {
    position: relative;
    margin-top: 43px;
    padding-bottom: 100px;
    overflow: hidden
}

.about05 .honorlist li {
    margin-right: 23px;
    width: 20%
}

.about05 .honorlist li .box {
    padding: 7px;
    background: #fff;
    position: relative
}

.about05 .honorlist li .box:before {
    content: '';
    display: block;
    background: rgba(241, 151, 49, 0.78);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 44;
    opacity: 0;
    transition: .5s
}

.about05 .honorlist li .tu:after {
    padding-bottom: 138.88888889%
}

.about05 .honorlist li .bt {
    font-size: 20px;
    line-height: 72px;
    color: #fff;
    text-align: center;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    transform: translateY(-50%);
    z-index: 344;
    opacity: 0;
    transition: .5s
}

@media (min-width: 1025px) {
    .about05 .honorlist li:hover .box:before {
        opacity: 1
    }

    .about05 .honorlist li:hover .bt {
        opacity: 1
    }
}

.about05 .scroll {
    text-align: center
}

.about05 .gundong {
    font-size: 14px;
    line-height: 30px;
    color: #2d2e2e;
    background: url(../images/gundong.png) no-repeat center left;
    background-size: 18px;
    padding-left: 30px;
    display: inline-block;
    vertical-align: top
}

.product-show0 .container {
    max-width: 1720px !important
}

.collect {
    color: #999;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    display: inline-flex;
    cursor: pointer;
    user-select: none
}

.collect .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #e1e5eb;
    text-align: center;
    line-height: 24px;
    color: #f72967;
    margin-right: 5px
}

.collect .icon:before {
    content: "\e600";
    font-family: layui-icon;
    font-style: normal;
    font-size: 16px
}

.collect.collected .icon {
    background-color: #f29737;
    color: #fff
}

.collect.collected .icon:before {
    content: "\e658"
}

.collect:hover {
    color: #f29737
}

div.zoomDiv {
    z-index: 999;
    position: absolute;
    top: 0;
    left: 0;
    width: 600px;
    height: 480px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
    display: none;
    text-align: center;
    overflow: hidden
}

div.zoomMask {
    position: absolute;
    background: url(../images/touming.gif);
    z-index: 1;
    z-index: 9999
}

div.zoomDiv img {
    max-width: initial;
    max-height: initial
}

.product-show .large {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative
}

.product-show .large .box {
    display: block;
    position: relative
}

.product-show .large .box:after {
    content: "";
    display: block;
    padding-bottom: 72.28915663%
}

.product-show .large .box img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.product-show .small {
    overflow: hidden;
    margin-top: 20px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 35px;
    padding-right: 35px;
    position: relative
}

.product-show .small li {
    width: 20%
}

.product-show .small .swiper-button-prev, .product-show .small .swiper-button-next {
    color: #444;
    background-color: #eee;
    top: 0;
    height: 100%;
    opacity: 1;
    margin-top: 0
}

.product-show .small .swiper-button-prev:after, .product-show .small .swiper-button-next:after {
    font-size: 20px;
    opacity: 1
}

.product-show .small .swiper-button-prev:hover, .product-show .small .swiper-button-next:hover {
    color: #f29737
}

.product-show .small .swiper-button-prev {
    left: 0
}

.product-show .small .swiper-button-next {
    right: 0
}

.product-show .small li {
    padding: 2px
}

.product-show .small .box {
    overflow: hidden;
    cursor: pointer;
    display: block;
    position: relative
}

.product-show .small .box img {
    transition: all .5s
}

.product-show .small .box img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.product-show .small .box:after {
    content: "";
    display: block;
    padding-bottom: 72.28915663%
}

.product-show .small .box:before {
    content: "";
    display: none;
    box-shadow: 0 0 0 2px #f29737 inset;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0
}

.product-show .small .box:hover:before {
    display: block
}

.product-show .small .box:hover img {
    transform: translate(1.1)
}

.product-show .small .swiper-slide-thumb-active .box:before {
    display: block
}

.product-show .hd {
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.product-show .hd .left {
    width: 48.3%;
    float: left
}

.product-show .hd .leftC {
    position: sticky;
    top: 100px;
    left: 0
}

.product-show .hd .right {
    width: 49%;
    float: right
}

.product-show .hd .infoBox {
    width: 100%;
    font-size: 0;
    overflow: hidden
}

.product-show .hd .infoBox dt {
    font-size: 16px;
    line-height: 32px
}

.product-show .hd .infoBox .price {
    line-height: 32px
}

.product-show .hd .infoBox .price b {
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 18px;
    color: #f19832;
    display: inline-block;
    vertical-align: top
}

.product-show .hd .infoBox .price .dib {
    font-size: 26px;
    color: #f19832;
    display: inline-block;
    vertical-align: top;
    font-family: var(--HarmonyOS_Sans_SC_Bold)
}

.product-show .hd .infoBox .price .estshipdate {
    font-size: 16px;
    line-height: 30px;
    color: #4d4d4d;
    display: inline-block;
    vertical-align: top;
    margin-left: 60px;
    padding-left: 25px
}

.product-show .hd .infoBox .price .estshipdate img {
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px
}

.product-show .hd .infoBox dt, .product-show .hd .infoBox dd {
    display: block
}

.product-show .hd .addCartArea {
    padding: 25px 44px 16px 44px;
    background: #f5f5f5;
    margin-top: 30px;
    line-height: 38px
}

.product-show .hd .addCartArea .infoBox {
    margin-bottom: 17px;
    position: relative;
    min-height: 28px
}

.product-show .hd .addCartArea .infoBox dt {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 38px
}

.product-show .hd .addCartArea .infoBox dd {
    padding-left: 87px
}

.product-show .hd .addCartArea .infoBox .reduceAdd {
    width: 120px;
    height: 38px;
    line-height: 36px;
    padding-left: 37px;
    padding-right: 37px;
    background-color: #fff
}

.product-show .hd .addCartArea .infoBox .reduceAdd input {
    line-height: 38px;
    height: 38px
}

.product-show .hd .addCartArea .infoBox .reduceAdd .add, .product-show .hd .addCartArea .infoBox .reduceAdd .reduce {
    width: 38px;
    background-color: #fff
}

@media (min-width: 1025px) {
    .product-show .hd .addCartArea .infoBox .reduceAdd .add:hover, .product-show .hd .addCartArea .infoBox .reduceAdd .reduce:hover {
        border-color: #f29737;
        background-color: #f29737
    }
}

.product-show .hd .addCartArea .selectWrap {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.product-show .hd .addCartArea .selectWrap:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-right: 1px #333 solid;
    border-bottom: 1px #333 solid;
    position: absolute;
    top: 15px;
    right: 8px;
    overflow: hidden;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.product-show .hd .addCartArea select {
    width: 300px;
    height: 38px;
    padding-left: 10px;
    padding-right: 30px;
    font-size: 16px;
    color: #333;
    background-color: #fff;
    border: solid 1px #ccc;
    appearance: none;
    display: block
}

.product-show .hd .oth_video {
    width: 100%;
    margin-top: 34px
}

.product-show .hd .oth_video video {
    width: 100%;
    display: block;
    height: 484px;
    object-fit: cover
}

.product-show .hd .other_area {
    margin-bottom: 45px;
    display: flex;
    justify-content: space-between;
    margin-top: 32px
}

.product-show .hd .other_area .oth_left_box {
    flex: 0 0 33%;
    width: 33%
}

.product-show .hd .other_area .oth_left_box .box_top {
    background-color: #f5f5f5;
    padding: 15px 27px;
    margin-bottom: 19px
}

.product-show .hd .other_area .oth_left_box .box_top .txt_block b {
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 18px;
    line-height: 32px;
    color: #333
}

.product-show .hd .other_area .oth_left_box .box_top .txt_block .time {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 6PX;
    color: #333
}

.product-show .hd .other_area .oth_left_box .box_top .txt_block .ave_star {
    height: 40px;
    width: 120px;
    background: url(../images/icon/stars-1.png) no-repeat top left;
    background-size: 100%;
    margin-top: 4px
}

.product-show .hd .other_area .oth_left_box .box_top .txt_block .ave_star span {
    background: url(../images/icon/stars-2.png) no-repeat top left;
    background-size: 120px;
    height: 40px;
    display: block
}

.product-show .hd .other_area .oth_left_box .box_top .download_txt, .product-show .hd .other_area .oth_left_box .box_top .print_txt {
    position: relative;
    display: block;
    padding-left: 35px;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.4
}

.product-show .hd .other_area .oth_left_box .box_top .download_txt:after, .product-show .hd .other_area .oth_left_box .box_top .print_txt:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 23px;
    height: 20px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.product-show .hd .other_area .oth_left_box .box_top a.download_txt:after {
    background-image: url(../images/ico_download.png)
}

.product-show .hd .other_area .oth_left_box .box_top a.print_txt:after {
    background-image: url(../images/ico_print.png)
}

.product-show .hd .other_area .oth_right_box {
    flex: 0 0 64%;
    width: 64%
}

.product-show .hd .other_area .oth_right_box .swiper-area {
    width: 90%;
    margin: 0 auto;
    position: relative
}

.product-show .hd .other_area .oth_right_box .swiper-area .swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.product-show .hd .other_area .oth_right_box .swiper-area .swiper-slide .tu {
    border: 1px solid #eee
}

.product-show .hd .other_area .oth_right_box .swiper-area .sw_img_in {
    position: relative
}

.product-show .hd .other_area .oth_right_box .swiper-area .sw_img_in:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    background: url(../images/btn_scale.png) center / contain
}

.product-show .hd .other_area .oth_right_box .swiper-area .swiper-button-prev, .product-show .hd .other_area .oth_right_box .swiper-area .swiper-button-next {
    width: 20px;
    height: 20px;
    margin-top: -10px
}

.product-show .hd .other_area .oth_right_box .swiper-area .swiper-button-prev:after, .product-show .hd .other_area .oth_right_box .swiper-area .swiper-button-next:after {
    font-size: 24px;
    color: #999
}

.product-show .hd .other_area .oth_right_box .swiper-area .swiper-button-prev {
    left: -5%
}

.product-show .hd .other_area .oth_right_box .swiper-area .swiper-button-next {
    right: -5%
}

.product-show .hd .other_area .oth_right_box .cost_area {
    padding-top: 29px;
    padding-bottom: 37px
}

.product-show .hd .other_area .oth_right_box .cost_area .total_price b {
    font-size: 14px;
    line-height: 32px;
    color: #333
}

.product-show .hd .other_area .oth_right_box .cost_area .total_price span {
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 30px;
    color: #f19832
}

.product-show .hd .other_area .oth_right_box .cost_area .total_price span i {
    font-size: 20px;
    line-height: 32px;
    font-style: normal;
    color: #f19832
}

.product-show .hd .other_area .oth_right_box .cost_area .atten {
    font-size: 14px;
    line-height: 21px;
    color: #212121
}

.product-show .hd .other_area .oth_right_box .material_area .mate_til {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 18px;
    line-height: 21px;
    color: #212121
}

.product-show .hd .other_area .oth_right_box .material_area .mate_til:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 21px;
    height: 21px;
    margin: auto;
    background: url(../images/r.png) no-repeat center left
}

.product-show .hd .other_area .oth_right_box .material_area .table_area {
    margin-bottom: 20px
}

.product-show .hd .other_area .oth_right_box .material_area .table_area .L_dl {
    border-top: 1px solid #ddd;
    line-height: 1.4;
    font-size: 15px;
    display: flex
}

.product-show .hd .other_area .oth_right_box .material_area .table_area .L_dl > dt {
    flex: 0 0 120px;
    font-weight: normal;
    padding: 6px 0 6px 10px
}

.product-show .hd .other_area .oth_right_box .material_area .table_area .L_dl > dt.Nseries {
    color: #28aecf
}

.product-show .hd .other_area .oth_right_box .material_area .table_area .L_dl > dt.Nseries .itm_se_no {
    display: inline-block;
    border: 1px solid #ccc;
    width: 22px;
    height: 22px;
    padding-top: 2px;
    margin-right: 10px;
    border-radius: 25px;
    text-align: center;
    font-size: 12px;
    color: #999;
    vertical-align: top
}

.product-show .hd .other_area .oth_right_box .material_area .table_area .L_dl > dt.Nseries .itm_no a {
    color: #28aecf
}

.product-show .hd .other_area .oth_right_box .material_area .table_area .L_dl > dd {
    flex: 0 1 100%
}

.product-show .hd .other_area .oth_right_box .material_area .table_area .L_dl dl.M_dl {
    display: flex;
    padding: 6px 10px;
    border-bottom: 1px dotted #ddd;
    align-items: flex-start
}

.product-show .hd .other_area .oth_right_box .material_area .table_area .L_dl dl.M_dl > dd {
    flex: 0 1 80%
}

.product-show .hd .other_area .oth_right_box .material_area .table_area .L_dl dl.M_dl > dd:first-child {
    flex: 0 1 100%;
    text-align: left
}

.product-show .hd .other_area .oth_right_box .material_area .table_area .L_dl dl.M_dl > dd:last-child {
    flex: 0 0 50px;
    text-align: right
}

.product-show .hd .other_area .oth_right_box .material_area .table_area .L_dl dl.M_dl:last-child {
    border: 0
}

.product-show .hd .other_area .oth_right_box .material_area .table_area .L_dl dl.S_dl {
    display: flex
}

.product-show .hd .other_area .oth_right_box .material_area .table_area .L_dl dl.S_dl > dd.s_dd01 {
    flex: 0 1 40%;
    margin-right: 10px
}

.product-show .hd .other_area .oth_right_box .material_area .table_area .L_dl dl.S_dl > dd.s_dd02 {
    flex: 0 0 60%
}

.product-show .hd .other_area .oth_right_box #detail_btn {
    display: inline-block;
    width: 100%;
    padding: 10px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 5px;
    cursor: pointer;
    background: #fff
}

.product-show .hd .other_area .oth_right_box #detail_btn span {
    position: relative;
    padding-right: 30px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #f19832;
    display: inline-block;
    vertical-align: top
}

.product-show .hd .other_area .oth_right_box #detail_btn span:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: #f19832
}

.product-show .hd .other_area .oth_right_box #detail_btn span:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 6px;
    width: 8px;
    height: 8px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-135deg)
}

.product-show .hd .other_area .more_btn .material_area {
    position: relative;
    max-height: 180px;
    overflow: hidden
}

.product-show .hd .other_area .more_btn .material_area:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 80%;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
    pointer-events: none
}

.product-show .hd .other_area .more_btn #detail_btn span:after {
    top: 4px;
    transform: rotate(45deg)
}

.product-show .hd .r_btn {
    width: 100%;
    line-height: 49px;
    background-color: #f19832;
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 18px;
    color: #fff;
    padding: 0 27px;
    display: block
}

.product-show .hd .r_btn img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -2px
}

.product-show .hd .r_btn span {
    font-family: 宋体;
    display: block;
    float: right
}

.product-show .hd .zixun {
    padding-top: 10px
}

.product-show .hd .zixun span {
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 14px;
    line-height: 22px;
    display: block;
    color: #333
}

.product-show .hd .zixun p {
    margin-top: 10px;
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 24px;
    line-height: 32px;
    padding-left: 34px;
    color: #212121;
    background: url(../images/phone.png) no-repeat left 9px
}

.product-show .hd .zixun2 {
    padding: 0
}

.product-show .hd .zixun2 p {
    font-size: 16px;
    background: url(../images/phone.png) no-repeat left 8px;
    background-size: 15px;
    margin-top: 0
}

.product-show .hd .jiagou a {
    text-align: center;
    display: block;
    line-height: 49px;
    background-color: #f29737;
    color: #fff;
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 18px;
    margin-bottom: 20px;
    float: right
}

.product-show .hd .jiagou a .layui-icon {
    font-size: 20px;
    margin: 0 25px;
    display: inline-block;
    vertical-align: top
}

.product-show .hd .bn .jiagou a {
    float: left;
    margin-right: 20px
}

.product-show .hd .bn .r_btn {
    float: left;
    width: auto
}

.product-show .hd .bn .r_btn span {
    margin: 0 0 0 25px
}

.product-show .hd .other_area1 {
    margin-bottom: 29px;
    margin-top: 21px
}

.product-show .hd .detailList {
    border-bottom: 1px solid #ccc
}

.product-show .hd .detailList dl {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-size: 16px;
    color: #333
}

.product-show .hd .detailList dl dt {
    width: 140px;
    flex: 0 0 140px
}

.product-show .hd .detailList dl dd {
    width: calc(100% - 140px);
    margin-left: auto;
    border-bottom: none
}

.product-show .hd .detailList dd a {
    color: #f29737;
    text-decoration: underline
}

.product-show .hd .detailList dt, .product-show .hd .detailList dd {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 11px 14px;
    border-top: 1px solid #ccc;
    line-height: 1.5
}

.product-show .hd .detailList dt {
    font-family: var(--HarmonyOS_Sans_SC_Bold)
}

.product-show .hd .detailList dl:first-of-type {
    border-top: 1px solid #ccc
}

.product-show .hd .detailList dd {
    border-bottom: 1px solid #ccc
}

.product-show .hd .span {
    font-size: 14px;
    line-height: 32px;
    color: #f29737
}

.product-show .hd .title-show {
    color: #303030;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 30px;
    position: relative
}

.product-show .hd .title-show .collect {
    float: right;
    position: absolute;
    top: 3px;
    right: 0
}

.product-show .hd .prices {
    background-color: #ffe8ef;
    color: #666;
    font-size: 16px;
    line-height: 44px;
    padding: 15px 20px;
    position: relative
}

.product-show .hd .bt {
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 36px;
    line-height: 32px;
    margin-top: 10px;
    margin-bottom: 26px;
    color: #333
}

.product-show .hd .p {
    font-size: 16px;
    line-height: 30px;
    color: #4d4d4d
}

.product-show .hd .price-2 {
    font-size: 24px;
    color: #f29737
}

.product-show .hd .market_price {
    text-decoration: line-through
}

.product-show .hd .current_price {
    font-size: 28px;
    color: #f29737;
    font-weight: 700
}

.product-show .hd .xiaoliang {
    line-height: 18px;
    font-size: 16px;
    color: #6c6c6c;
    position: absolute;
    top: 22px;
    right: 20px
}

.product-show .hd .shuxing {
    color: #303030;
    line-height: 34px;
    font-size: 16px;
    padding: 20px 20px;
    border-bottom: 1px #c0c6ca dashed
}

.product-show .hd .shuxing > div {
    clear: both
}

.product-show .hd .zhonglei .list {
    margin-right: -5px
}

.product-show .hd .zhonglei li {
    display: inline-block;
    padding-right: 5px;
    margin-bottom: 5px
}

.product-show .hd .zhonglei .bt {
    display: inline-block;
    color: #666;
    font-size: 16px;
    width: 120px;
    line-height: 42px
}

.product-show .hd .zhonglei .xz {
    flex: 1
}

.product-show .hd .zhonglei .box {
    border: 1px #ccc solid;
    display: flex;
    cursor: pointer;
    padding: 5px;
    background-color: #fff
}

.product-show .hd .zhonglei .box:hover {
    border-color: #f29737
}

.product-show .hd .zhonglei .pic {
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle
}

.product-show .hd .zhonglei .title {
    flex: 1;
    font-size: 16px;
    color: #333;
    padding: 0 5px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1
}

.product-show .hd .zhonglei .active .box {
    border-color: #f29737
}

.product-show .hd .btnDiv {
    padding: 25px 20px 0 20px;
    display: flex;
    flex-wrap: wrap
}

.product-show .hd .btn-1 {
    display: inline-block;
    min-width: 132px;
    padding: 0 20px;
    line-height: 40px;
    border-radius: 3px;
    color: #f29737;
    border: 1px #e5bcc9 solid;
    background-color: #ffd1df;
    font-size: 14px;
    text-align: center;
    margin-right: 10px
}

.product-show .hd .btn-1:hover {
    background-color: #ffc0d3;
    border-color: #f792b1
}

.product-show .hd .btn-2 {
    display: inline-flex;
    justify-content: center;
    min-width: 132px;
    padding: 0 20px;
    line-height: 40px;
    border-radius: 3px;
    text-align: center;
    border: 1px #f72967 solid;
    background-color: #f72967;
    color: #fff
}

.product-show .hd .btn-2 .layui-icon {
    margin-right: 10px;
    font-size: 20px
}

.product-show .hd .btn-2:hover {
    background-color: #152587
}

.product-show .hd .chn {
    color: #666;
    font-size: 14px;
    line-height: 20px;
    padding: 20px 20px
}

.product-show .hd .chn > span {
    margin-right: 20px
}

.product-show .hd .chn > span:last-child {
    margin-right: 0
}

.product-show .hd .chn .icon {
    display: inline-block;
    width: 20px;
    height: 20px
}

.product-show .hd .chn .bt {
    font-size: 14px;
    width: auto;
    display: inline-block;
    color: #666
}

.product-show .hd .youhuiquan-manjian {
    background-color: rgba(255, 232, 239, 0.5);
    padding: 15px 20px;
    line-height: 44px
}

.product-show .hd .quan {
    padding: 0 10px;
    color: #f29737;
    text-align: center;
    height: 22px;
    line-height: 20px;
    border-top: 1px solid #f29737;
    border-bottom: 1px solid #f29737;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
    position: relative
}

.product-show .hd .quan:before, .product-show .hd .quan:after {
    content: "";
    position: absolute;
    top: -1px;
    display: block;
    height: 22px;
    width: 4px;
    overflow: hidden;
    background: url(../images/icon/quan-bg.png) no-repeat;
    user-select: none
}

.product-show .hd .quan:before {
    left: -2px;
    background-position: 0 0
}

.product-show .hd .quan:after {
    right: -2px;
    background-position: -4px 0
}

.product-show .hd .red-bg {
    font-size: 14px;
    display: inline-block;
    border: 1px #f29737 solid;
    line-height: 20px;
    height: 22px;
    color: #f29737;
    padding: 0 10px
}

.product-show .hd .peisong {
    padding: 15px 20px;
    border-bottom: 1px #bec6cb dashed
}

.product-show .hd .peisong .area {
    display: inline-block;
    position: relative;
    z-index: 10
}

.product-show .hd .peisong .addressSet:hover #city {
    background-color: #fff
}

.product-show .hd .peisong .addressSet-m > div {
    width: 33.33333333%;
    float: left
}

.product-show .hd .shuliang {
    padding: 15px 20px 0 20px
}

.product-show .anli {
    border: solid 2px #ccc;
    margin-top: 101px;
    padding: 30px 30px
}

.product-show .anli .title {
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 26px;
    line-height: 32px;
    color: #333;
    border-bottom: 2px dashed #ccc;
    padding-bottom: 16px;
    margin-bottom: 17px
}

.product-show .anli ul {
    margin: 0 -14px;
    overflow: hidden
}

.product-show .anli ul li {
    width: 11.11111111%;
    float: left;
    padding: 0 14px
}

.product-show .anli ul li .bt {
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 20px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    color: #333
}

.product-show .chakan {
    text-align: center;
    padding-top: 18px;
    margin-top: 37px;
    border-top: solid 2px #ccc
}

.product-show .chakan a {
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 22px;
    color: #e79b39;
    text-align: center;
    width: 280px;
    margin: 0 auto;
    line-height: 54px;
    border-radius: 29px;
    padding: 0 37px;
    border: solid 2px #e79b39;
    display: block
}

.product-show .chakan a span {
    width: 28px;
    height: 28px;
    line-height: 28px;
    background-color: #f09b2e;
    font-family: 宋体;
    border-radius: 50%;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 37px;
    color: #fff
}

.product-show .menuTabs {
    border-bottom: 1px #f29737 solid;
    background-color: #fff;
    color: #58595c;
    font-size: 16px;
    position: sticky;
    z-index: 9;
    top: 80px;
    left: 0
}

.product-show .menuTabs .list {
    display: flex
}

.product-show .menuTabs .list:after {
    display: none
}

.product-show .menuTabs .list .box {
    display: block;
    cursor: pointer;
    line-height: 55px;
    min-width: 148px;
    padding: 0 10px;
    text-align: center
}

.product-show .menuTabs .list .box:hover {
    color: #f29737
}

.product-show .menuTabs .list .active .box {
    background-color: #f29737;
    color: #fff
}

.product-show .menuTabs .phoneBuyBtn {
    padding-right: 15px;
    font-size: 16px;
    color: #58595c;
    line-height: 20px;
    position: absolute;
    top: 17px;
    right: 30px
}

.product-show .menuTabs .phoneBuyBtn .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    margin-left: 5px
}

.product-show .menuTabs .phoneBuyBtn:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #a6a8ad transparent transparent transparent;
    position: absolute;
    top: 8px;
    right: 0
}

.product-show .menuTabs .phoneBuyBtn .prompt {
    cursor: initial;
    display: none;
    width: 200px;
    right: -14px;
    position: absolute
}

.product-show .menuTabs .phoneBuyBtn .prompt .promptC {
    background-color: #fff;
    color: #333;
    padding: 5px 10px;
    vertical-align: middle;
    line-height: 20px;
    margin-top: 5px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    border: 1px solid #ddd;
    position: relative
}

.product-show .menuTabs .phoneBuyBtn .prompt .promptC:after {
    content: "";
    position: absolute;
    top: -10px;
    right: 10px;
    width: 18px;
    height: 10px;
    vertical-align: middle;
    background: url(../images/icon/arrow-up.png) 0 0 no-repeat
}

.product-show .menuTabs .phoneBuyBtn:hover .prompt {
    display: block
}

.product-show .bd {
    color: #58595c;
    font-size: 18px;
    line-height: 2;
    position: relative
}

.product-show .bd #commentA {
    position: absolute;
    top: -100px;
    left: 0
}

.product-show .conTabs {
    padding: 50px 35px 0 35px
}

.product-show .conTabs .item {
    padding-bottom: 50px
}

.product-show .conTabs .titleBig {
    color: #f29737;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 25px;
    position: relative;
    z-index: 1
}

.product-show .conTabs .titleBig .en {
    font-size: 40px;
    font-weight: 700;
    opacity: .12;
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: -5px
}

.product-show .conTabs .part {
    border-bottom: 1px #d7dce2 solid;
    padding-bottom: 50px;
    margin-bottom: 50px
}

.product-show .cdfb {
    display: flex
}

.product-show .cdfb .text {
    flex: 1
}

.product-show .cdfb .pic-1 {
    width: 620px;
    float: right;
    margin-left: 50px
}

.product-show .pics-1 {
    padding-top: 40px
}

.product-show .pics-1 .list {
    margin-left: -18px;
    margin-right: -18px
}

.product-show .pics-1 .list li {
    width: 33.33333333%;
    float: left;
    padding: 0 18px 36px 18px
}

.product-show .title-item {
    font-weight: 700;
    color: #303030;
    font-size: 30px;
    margin-bottom: 30px;
    position: relative
}

.product-show .title-item:before {
    content: "";
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 34px;
    background-color: #f29737;
    opacity: .2;
    position: absolute;
    top: 0;
    left: 0
}

.product-show .listShbz li {
    clear: both;
    padding-bottom: 30px
}

.product-show .listShbz li:last-child {
    padding-bottom: 0
}

.product-show .listShbz .box {
    display: flex;
    flex-wrap: wrap
}

.product-show .listShbz .icon {
    display: inline-block;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: #f29737;
    color: #fff
}

.product-show .listShbz .text {
    flex: 1;
    padding-left: 20px;
    color: #76777a;
    font-size: 16px
}

.product-show .listShbz .title {
    color: #303030;
    font-size: 18px
}

.product-show .canshu {
    border-bottom: 1px #d7dce2 solid;
    padding-bottom: 40px;
    margin-bottom: 40px;
    font-size: 16px;
    color: #58595c
}

.product-show .canshu .list {
    display: flex;
    flex-wrap: wrap
}

.product-show .canshu .list:after {
    display: none
}

.product-show .canshu .list li {
    width: 25%;
    width: 22%;
    float: left
}

.product-show .canshu .list li:nth-child(4n+1) {
    width: 34%
}

.product-show .canshu .list .box {
    display: block
}

.product-show .p-1 {
    color: #609312;
    font-size: 24px
}

.product-show .p-2 {
    color: #e5c573;
    font-size: 42px;
    line-height: 1.5
}

.product-show .p-2 span {
    display: inline-block;
    padding-right: 50px;
    position: relative
}

.product-show .p-2 .icon {
    user-select: none;
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 20px;
    right: 0
}

.product-show .pics-2 {
    padding-top: 40px
}

.product-show .pics-2 .list {
    margin-left: -15px;
    margin-right: -15px
}

.product-show .pics-2 .list li {
    width: 33.33333333%;
    float: left;
    padding: 0 15px 30px 15px
}

.product-show .pics-2 .list .box {
    border-radius: 20px;
    overflow: hidden;
    border: 2px #b8a467 solid;
    position: relative
}

.product-show .pics-2 .list .text {
    padding: 20px 20px;
    font-size: 14px;
    background-color: #f29737;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0
}

.product-show .pics-2 .list .title {
    font-size: 26px;
    text-align: center;
    border-bottom: 1px #fff dashed;
    margin-bottom: 20px
}

.product-show .bcfs {
    display: flex
}

.product-show .bcfs .pic {
    width: 100px;
    height: 140px;
    text-align: center
}

.product-show .bcfs .text {
    flex: 1;
    padding-top: 10px;
    padding-left: 40px
}

.product-show .bcfs .title {
    font-size: 20px;
    font-weight: 700
}

.product-show .comment-info {
    display: flex
}

.product-show .comment-percent {
    line-height: 1;
    width: 90px
}

.product-show .comment-percent .percent-tit {
    color: #303030;
    font-size: 14px
}

.product-show .comment-percent .percent-con {
    color: #f29737;
    font-size: 46px
}

.product-show .comment-percent .percent-con span {
    font-size: 24px
}

.product-show .percent-info {
    padding-left: 20px;
    padding-top: 10px;
    flex: 1
}

.product-show .percent-info .tags {
    display: flex;
    flex-wrap: wrap
}

.product-show .percent-info .tags span {
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    padding: 0 9px;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    margin-right: 10px;
    margin-bottom: 10px;
    color: #999
}

.product-show .percent-info .tags span:hover, .product-show .percent-info .tags span.active {
    color: #666;
    border-color: #666;
    background-color: rgba(0, 0, 0, 0)
}

.product-show .menuComment {
    font-size: 16px;
    color: #58595c;
    background-color: #fff;
    line-height: 40px;
    margin-top: 30px;
    position: relative
}

.product-show .menuComment .filter-list {
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap
}

.product-show .menuComment .filter-list:after {
    display: none
}

.product-show .menuComment .filter-list li {
    padding-right: 30px
}

.product-show .menuComment .filter-list li:last-child {
    padding-right: 0
}

.product-show .menuComment .filter-list a {
    color: #58595c
}

.product-show .menuComment .filter-list a:hover {
    color: #f29737
}

.product-show .menuComment .filter-list .active a {
    color: #f29737
}

.product-show .menuComment em {
    font-style: initial
}

.product-show .menuComment .sort-select {
    width: 120px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 20px
}

.product-show .menuComment .sort-select .cur {
    padding: 0 15px 0 0;
    position: relative
}

.product-show .menuComment .sort-select .cur:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-right: 1px #aaa solid;
    border-bottom: 1px #aaa solid;
    position: absolute;
    top: 12px;
    right: 10px;
    overflow: hidden;
    transform: rotate(45deg)
}

.product-show .menuComment .sort-select .others {
    display: none;
    background-color: #fff;
    width: 122px;
    border: 1px solid #ccc;
    box-shadow: 0 0 2px 0 #888;
    position: absolute;
    z-index: 1;
    top: -1px;
    left: -1px
}

.product-show .menuComment .sort-select .others a {
    padding: 0 15px 0 0;
    display: block
}

.product-show .menuComment .sort-select .others a:hover {
    background-color: #f29737;
    color: #fff
}

.product-show .menuComment .sort-select:hover .others {
    display: block
}

.product-show .conComment {
    font-size: 16px
}

.product-show .conComment .itemComment .list li {
    clear: both;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px #d7dce2 solid;
    padding: 30px 20px
}

.product-show .conComment .itemComment .list .user-info {
    width: 190px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1
}

.product-show .conComment .itemComment .list .user-info .icon {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%
}

.product-show .conComment .itemComment .list .txt {
    color: #58595c;
    font-size: 16px;
    line-height: 2;
    margin-bottom: 10px
}

.product-show .conComment .itemComment .list .comment-xx {
    flex: 1
}

.product-show .conComment .itemComment .pic-list {
    display: flex;
    flex-wrap: wrap
}

.product-show .conComment .itemComment .pic-list a {
    width: 60px;
    height: 60px;
    padding: 1px;
    border: 1px solid #e2e2e2;
    display: block;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative
}

.product-show .conComment .itemComment .pic-list a img {
    max-width: 56px
}

.product-show .conComment .itemComment .pic-list a.active {
    border: 2px #f29737 solid
}

.product-show .conComment .itemComment .pic-list .videoBtn {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.product-show .conComment .itemComment .pic-list .videoBtn .layui-icon {
    font-size: 40px
}

.product-show .conComment .itemComment .pic-view {
    display: none;
    overflow: hidden
}

.product-show .conComment .itemComment .pic-view > div {
    float: left;
    position: relative
}

.product-show .conComment .itemComment .pic-view .pic {
    max-width: 370px;
    max-height: 478px;
    cursor: zoom-out
}

.product-show .conComment .itemComment .pic-view .cursor-prev {
    display: none;
    width: 30%;
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 3;
    cursor: url(../images/icon/prev.cur), auto
}

.product-show .conComment .itemComment .pic-view .cursor-next {
    display: none;
    width: 30%;
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 3;
    cursor: url(../images/icon/next.cur), auto
}

.product-show .conComment .itemComment .comment-message {
    overflow: hidden;
    color: #78797a;
    font-size: 14px;
    line-height: 30px
}

.product-show .conComment .itemComment .comment-message a {
    color: #78797a
}

.product-show .conComment .itemComment .comment-message a:hover {
    color: #f29737
}

.product-show .conComment .itemComment .comment-message .other-info {
    float: left
}

.product-show .conComment .itemComment .comment-message .comment-op {
    float: right;
    display: inline-flex
}

.product-show .conComment .itemComment .comment-message .comment-op a {
    margin-left: 20px
}

.product-show .conComment .itemComment .comment-message .likeBtn {
    display: inline-flex;
    align-items: center
}

.product-show .conComment .itemComment .comment-message .likeBtn .layui-icon {
    font-size: 24px;
    margin-right: 5px
}

.product-show .conComment .itemComment .comment-message .likeBtn.yd {
    color: #f29737
}

.product-show .conComment .itemComment .zpxs {
    border-top: 1px #d7dce2 solid;
    margin-top: 20px;
    padding-top: 20px
}

.product-show .conComment .itemComment .zpxs .title-zpxs {
    color: #999;
    font-size: 14px
}

.product-show .conComment .itemComment .page-2 {
    padding-top: 30px
}

@media screen and (max-width: 1279px) {
    .product-show .cdfb {
        display: block
    }

    .product-show .cdfb .pic-1 {
        width: auto;
        float: none;
        margin: 30px 0 0 0
    }
}

@media screen and (max-width: 1024px) {
    .product-show .hd .bt {
        font-size: 14px
    }

    .product-show .hd .left {
        width: 100%
    }

    .product-show .hd .right {
        width: 100%;
        padding: 20px 0 0 0
    }

    .product-show .hd .title-show .collect {
        top: initial;
        bottom: 0
    }

    .product-show .hd .prices {
        font-size: 14px
    }

    .product-show .hd .prices .bt {
        width: 100px
    }

    .product-show .hd .current_price {
        font-size: 24px
    }

    .product-show .hd .xiaoliang {
        font-size: 14px
    }

    .product-show .hd .shuxing {
        font-size: 14px
    }

    .product-show .hd .shuxing .bt {
        width: 100px
    }

    .product-show .hd .peisong .bt {
        margin-bottom: 5px
    }

    .product-show .hd .peisong .area {
        display: block
    }

    .product-show .hd .zhonglei {
        display: block;
        margin-top: 10px
    }

    .product-show .hd .zhonglei .bt {
        font-size: 14px
    }

    .product-show .hd .zhonglei .title {
        height: 28px;
        line-height: 28px
    }

    .product-show .hd .btnDiv {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px
    }

    .product-show .hd .chn {
        padding-top: 20px;
        padding-bottom: 0
    }

    .product-show .hd .chn > span {
        margin-right: 10px
    }

    .product-show .hd .chn > span:last-child {
        margin-right: 0
    }

    .product-show .small .box {
        margin-left: auto;
        margin-right: auto
    }

    .product-show .menuTabs {
        top: 55px
    }

    .product-show .menuTabs .container {
        padding-left: 0;
        padding-right: 0
    }

    .product-show .menuTabs .list .box {
        min-width: 100px;
        font-size: 14px;
        line-height: 40px
    }

    .product-show .menuTabs .phoneBuyBtn {
        display: none
    }

    .product-show .bd {
        font-size: 14px
    }

    .product-show .conTabs {
        padding: 20px 0 0 0
    }

    .product-show .conTabs .titleBig {
        font-size: 24px;
        margin-bottom: 15px
    }

    .product-show .conTabs .titleBig .en {
        font-size: 30px
    }

    .product-show .conTabs .part {
        padding-bottom: 30px;
        margin-bottom: 30px
    }

    .product-show .conTabs .item:last-child {
        padding-bottom: 0
    }

    .product-show .pics-1 {
        padding-top: 20px
    }

    .product-show .pics-1 .list {
        margin-left: -5px;
        margin-right: -5px
    }

    .product-show .pics-1 .list li {
        padding: 0 5px 10px 5px
    }

    .product-show .pics-2 {
        padding-top: 20px
    }

    .product-show .pics-2 .list {
        margin-left: -5px;
        margin-right: -5px
    }

    .product-show .pics-2 .list li {
        padding: 0 5px 10px 5px
    }

    .product-show .pics-2 .list .text {
        padding: 15px;
        position: static
    }

    .product-show .pics-2 .list .title {
        font-size: 16px
    }

    .product-show .title-item {
        font-size: 24px;
        margin-bottom: 20px
    }

    .product-show .listShbz .text {
        font-size: 14px
    }

    .product-show .listShbz .title {
        font-size: 16px
    }

    .product-show .canshu {
        font-size: 14px;
        padding-bottom: 30px;
        margin-bottom: 30px
    }

    .product-show .canshu .list {
        margin-left: -5px;
        margin-right: -5px
    }

    .product-show .canshu .list li {
        width: 50% !important;
        padding-left: 5px;
        padding-right: 5px
    }

    .product-show .p-1 {
        font-size: 16px
    }

    .product-show .p-2 {
        font-size: 24px
    }

    .product-show .p-2 > span {
        padding-right: 40px
    }

    .product-show .p-2 .icon {
        top: 5px
    }

    .product-show .bcfs .text {
        padding-top: 0;
        padding-left: 10px
    }

    .product-show .bcfs .title {
        font-size: 18px
    }

    .product-show .listShbz li {
        padding-bottom: 20px
    }

    .product-show .listShbz .icon {
        width: 40px;
        height: 40px
    }

    .product-show .listShbz .text {
        padding-left: 10px
    }

    .product-show .comment-info {
        flex-wrap: wrap;
        margin-top: -10px
    }

    .product-show .comment-percent {
        width: 100%
    }

    .product-show .comment-percent .percent-con {
        font-size: 30px;
        display: initial
    }

    .product-show .percent-info {
        flex: auto;
        width: 100%;
        padding: 10px 0 0 0
    }

    .product-show .percent-info .tags span {
        font-size: 14px;
        line-height: 22px;
        margin-right: 5px;
        margin-bottom: 5px
    }

    .product-show .menuComment {
        font-size: 14px;
        margin-top: 20px
    }

    .product-show .menuComment .sort-select {
        display: none
    }

    .product-show .menuComment .filter-list li {
        padding-right: 15px
    }

    .product-show .conComment .itemComment .list li {
        padding: 20px 0;
        display: block
    }

    .product-show .conComment .itemComment .list .user-info {
        width: 100%;
        margin-bottom: 10px
    }

    .product-show .conComment .itemComment .list .txt {
        font-size: 14px
    }

    .product-show .conComment .itemComment .pic-list .videoBtn .layui-icon {
        font-size: 20px
    }

    .product-show .zpxs {
        font-size: 14px
    }

    .product-show .zpxs .title-zpxs {
        font-size: 12px
    }
}

@media screen and (max-width: 767px) {
    .product-show .pics-2 .list li {
        width: 100%
    }

    .product-show .pics-2 .list .text {
        background-color: rgba(72, 123, 188, 0.8);
        position: absolute
    }
}

.relatedProduct {
    padding-bottom: 80px
}

@media screen and (max-width: 1024px) {
    .relatedProduct {
        padding-bottom: 40px
    }
}

.addressSet {
    display: inline-block;
    position: relative;
    z-index: 1
}

.addressSet:hover #city:before {
    display: block
}

.addressSet #city {
    width: auto;
    height: 32px;
    line-height: 28px;
    padding: 0 30px 0 10px;
    background-color: transparent;
    border: 1px #dcdcdc solid;
    position: relative;
    background: #fff
}

.addressSet #city:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-right: 1px #aaa solid;
    border-bottom: 1px #aaa solid;
    position: absolute;
    top: 8px;
    right: 8px;
    overflow: hidden;
    transform: rotate(45deg)
}

.addressSet #city:before {
    content: "";
    display: none;
    width: 100%;
    height: 5px;
    background-color: #fff;
    position: absolute;
    z-index: 9;
    bottom: -2px;
    left: 0
}

.addressSet .title-1 {
    font-size: 12px;
    font-weight: 700;
    padding-bottom: 10px;
    position: relative
}

.addressSet .title-1 .icon {
    cursor: pointer;
    display: block;
    width: 8px;
    height: 8px;
    border-right: 1px #aaa solid;
    border-bottom: 1px #aaa solid;
    position: absolute;
    top: 5px;
    right: 8px;
    overflow: hidden;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.addressSet .title-1.open .icon {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.addressSet .changyong {
    padding-top: 10px;
    padding-bottom: 10px
}

.addressSet .listChangyong {
    font-size: 12px;
    line-height: 24px
}

.addressSet .listChangyong li {
    display: none
}

.addressSet .listChangyong li.show {
    display: block
}

.addressSet .listChangyong li:first-child {
    display: block
}

.addressSet .listChangyong .active {
    color: #f29737
}

.addressSet .listChangyong .active a {
    color: #f29737
}

.addressSet .listChangyong a:hover {
    color: #f29737
}

.addressSet .citys {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid #cecbce;
    width: 420px;
    padding: 12px 12px 15px;
    background: #fff;
    -webkit-box-shadow: 0 0 5px #ddd;
    box-shadow: 0 0 5px #ddd;
    font-size: 12px
}

.addressSet .citys .ui-area-tab {
    cursor: default;
    width: 100%;
    line-height: 24px;
    padding-bottom: 0;
    overflow: visible;
    position: relative;
    z-index: 1
}

.addressSet .citys .ui-area-tab:after {
    content: "";
    display: block;
    background-color: #f29737;
    height: 2px;
    width: 100%;
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    transform: none
}

.addressSet .citys .ui-area-tab a {
    display: none;
    line-height: 26px;
    background-color: #fff;
    border: 1px #ddd solid;
    border-bottom: none;
    border-bottom: 0;
    padding: 0 26px 0 6px;
    text-decoration: none;
    text-align: center;
    position: relative;
    transform: none
}

.addressSet .citys .ui-area-tab a:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-right: 1px #aaa solid;
    border-bottom: 1px #aaa solid;
    position: absolute;
    top: 6px;
    right: 8px;
    overflow: hidden;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.addressSet .citys .ui-area-tab a.active {
    display: inline-block;
    line-height: 24px;
    border: 2px #f29737 solid;
    border-bottom: 2px #fff solid;
    z-index: 2
}

.addressSet .citys .ui-area-tab a.show {
    display: inline-block
}

.addressSet .citys .ui-area-tab a:hover {
    color: #f29737
}

.addressSet .citys .ui-area-content-list {
    overflow: hidden;
    padding: 10px 12px;
    display: none
}

.addressSet .citys .ui-area-content-list li {
    float: left;
    width: 20%
}

.addressSet .citys .ui-area-content-list li.active a {
    color: #f29737
}

.addressSet .citys .ui-area-content-list a:hover {
    color: #f29737 !important
}

.addressSet .citys .ui-area-content-list.show {
    display: block
}

.addressSet .xindizhiCon {
    display: none
}

.addressSet .xindizhiCon.show {
    display: block
}

@media screen and (max-width: 1024px) {
    .addressSet {
        display: none
    }
}

.addressSet-m {
    display: none
}

.addressSet-m > div {
    padding-left: 2px;
    padding-right: 2px
}

.addressSet-m > div:first-child {
    padding-left: 0
}

.addressSet-m > div:last-child {
    padding-right: 0
}

.addressSet-m .select-form {
    margin-right: 2px
}

.addressSet-m .select-form:after {
    top: 14px;
    right: 8px
}

.addressSet-m .select-form select {
    line-height: 30px;
    height: 32px;
    padding-right: 16px
}

@media screen and (max-width: 1024px) {
    .addressSet-m {
        display: block;
        display: flex
    }
}

.addressPopup {
    display: none;
    width: 770px;
    padding: 15px 30px 30px 30px;
    color: #999
}

.addressPopup .red {
    color: #f00;
    margin-right: 5px
}

.addressPopup .div-inline {
    display: inline
}

.addressPopup .item {
    line-height: 32px;
    padding-bottom: 5px
}

.addressPopup .item:last-child {
    padding-bottom: 0
}

.addressPopup .item .div-2 {
    display: flex
}

.addressPopup .item .div-2 .qz {
    width: 60px
}

.addressPopup .item .div-2 .input-form {
    width: calc(80% - 60px)
}

.addressPopup .item .input-form {
    width: 80%;
    line-height: 30px;
    height: 32px
}

.addressPopup .item .hide {
    display: none
}

.addressPopup .dzbm .input-form {
    max-width: 240px;
    vertical-align: top
}

.addressPopup .addr-alias {
    padding-left: 10px;
    display: inline-block;
    line-height: 24px;
    padding-top: 4px;
    vertical-align: top
}

.addressPopup .addr-alias a {
    display: inline-block;
    vertical-align: top;
    height: 24px;
    line-height: 22px;
    padding: 0 10px;
    border: 1px solid #ddd;
    margin-right: 10px;
    margin-bottom: 0;
    font-size: 12px;
    border-radius: 3px
}

.addressPopup .addr-alias a:hover {
    color: #f29737;
    border-color: #f29737
}

@media screen and (max-width: 1024px) {
    .addressPopup {
        width: 100%;
        min-width: 345px;
        padding: 15px 15px 20px 15px
    }

    .addressPopup .addr-alias > span {
        display: block
    }
}

.comment-star {
    display: inline-block;
    width: 105px;
    height: 20px;
    background: url(../images/icon/stars-1.png) no-repeat left top;
    background-size: 105px 20px;
    position: relative
}

.comment-star > span {
    display: block;
    width: auto;
    height: 100%;
    background: url(../images/icon/stars-2.png) no-repeat left top;
    background-size: 105px 20px;
    position: absolute;
    top: 0;
    left: 0
}

.scoreMark {
    display: inline-flex;
    color: #e93536;
    line-height: 20px
}

.scoreMark .starts {
    display: inline-flex;
    line-height: 20px
}

.scoreMark .starts > span {
    display: inline-flex;
    cursor: pointer
}

.scoreMark .starts > span.cur .layui-icon-rate:before {
    content: "\e67a"
}

.scoreMark .starts .layui-icon {
    font-size: 18px
}

.scoreMark .txt {
    margin-left: 10px
}

.scoreMark.readonly .starts > span {
    cursor: initial
}

.addToCart {
    margin-top: 60px;
    margin-bottom: 80px;
    background-color: #deebfc;
    padding: 30px 50px
}

.addToCart .success-tips {
    color: #71b247;
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 20px
}

.addToCart .success-tips .icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px
}

.addToCart .success-con {
    display: flex;
    flex-wrap: wrap
}

.addToCart .success-con .left {
    width: 60%;
    float: left;
    display: inline-flex
}

.addToCart .success-con .pic {
    width: 160px;
    position: relative
}

.addToCart .success-con .pic:after {
    content: "";
    display: block;
    padding-top: 80%
}

.addToCart .success-con .text {
    flex: 1;
    padding-left: 30px
}

.addToCart .success-con .title {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px
}

.addToCart .success-con .info {
    color: #7a7a7a;
    font-size: 14px;
    padding-top: 20px
}

.addToCart .success-con .right {
    width: 40%;
    float: right;
    padding-top: 84px
}

.addToCart .success-con .btnDiv {
    display: flex;
    flex-wrap: wrap;
    justify-content: end
}

.addToCart .success-con .btnDiv a {
    display: inline-block;
    border-radius: 3px;
    min-width: 140px;
    line-height: 42px;
    height: 44px;
    background-color: #fff;
    border: 1px #fff solid;
    text-align: center;
    color: #f29737;
    font-size: 16px;
    padding: 0 20px;
    margin-right: 12px
}

.addToCart .success-con .btnDiv a:hover {
    border-color: #f29737
}

.addToCart .success-con .btnDiv a .layui-icon {
    margin-left: 10px
}

.addToCart .success-con .btnDiv .btn-2 {
    border-color: #f29737;
    background-color: #f29737;
    color: #fff
}

.addToCart .success-con .btnDiv .btn-2:hover {
    border-color: #152587;
    background-color: #152587
}

@media screen and (max-width: 1024px) {
    .addToCart {
        margin-top: 40px;
        margin-bottom: 40px;
        padding: 30px
    }

    .addToCart .success-tips {
        line-height: 30px
    }

    .addToCart .success-tips .icon {
        width: 30px;
        height: 30px
    }

    .addToCart .success-con .left {
        width: 100%
    }

    .addToCart .success-con .right {
        width: 100%;
        justify-content: start;
        text-align: left;
        padding-top: 20px
    }

    .addToCart .success-con .info {
        padding-top: 10px
    }

    .addToCart .success-con .btnDiv {
        justify-content: start;
        text-align: left
    }

    .addToCart .success-con .btnDiv a {
        font-size: 14px;
        min-width: 120px
    }
}

@media screen and (max-width: 640px) {
    .addToCart {
        padding: 20px
    }

    .addToCart .success-con .left {
        display: block
    }

    .addToCart .success-con .pic {
        width: 100%
    }

    .addToCart .success-con .text {
        width: 100%;
        padding: 20px 0 0 0
    }
}

.layui-layer-setwin .layui-icon-close {
    border: none;
    right: 0 !important;
    top: -5px !important;
    width: 30px !important;
    height: 30px !important;
    background: none !important
}

.layui-layer-setwin .layui-icon-close:before, .layui-layer-setwin .layui-icon-close:after {
    content: "";
    display: block;
    background: #c7c7c7;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.layui-layer-setwin .layui-icon-close:before {
    width: 23px;
    height: 1px
}

.layui-layer-setwin .layui-icon-close:after {
    width: 1px;
    height: 23px
}

.layui-layer-btn {
    padding-bottom: 30px
}

.zhnyPopup {
    display: none;
    margin: auto
}

.zhnyPopup .title {
    text-align: center;
    color: #f29737;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.5;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px #dcdcdc solid
}

.zhnyPopup .single-1 {
    color: #666;
    font-size: 14px;
    line-height: 1.5;
    padding-top: 20px
}

.zhnyPopup .p-1 {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 15px
}

.zhnyPopup p {
    margin-bottom: 10px
}

.zhnyPopup .btnDiv {
    padding-top: 10px
}

.zhnyPopup .btnDiv a {
    vertical-align: top;
    display: inline-block;
    height: 30px;
    line-height: 28px;
    margin: 0;
    padding: 0 16px;
    border: 1px solid #dedede;
    background-color: #fff;
    color: #333;
    border-radius: 3px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.zhnyPopup .btnDiv a:hover {
    opacity: .8;
    border-color: #f29737;
    background-color: #f29737;
    color: #fff !important
}

.zhnyPopup .btnDiv .a-1 {
    background-color: #f29737;
    color: #fff;
    border-color: #f29737
}

.privacyPopup {
    width: 1000px;
    padding-left: 30px;
    padding-right: 30px;
    height: 90%;
    max-height: 680px;
    text-align: left
}

.privacyPopup .btnDiv {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center
}

.privacyPopup .btnDiv .closedPopup {
    border: 1px #f29737 solid;
    background-color: #f29737;
    color: #fff !important;
    border-radius: 3px;
    line-height: 38px;
    height: 40px;
    padding: 0 10px;
    font-size: 16px;
    display: inline-block;
    text-align: center
}

.privacyPopup .btnDiv .closedPopup:hover {
    border-color: #152587 !important;
    background: #152587 !important
}

.privacyPopup .primary-btn {
    min-width: 270px
}

@media screen and (max-width: 1024px) {
    .privacyPopup {
        width: 100%
    }
}

.sytkyPopup {
    width: auto;
    width: 1000px;
    padding-left: 30px;
    padding-right: 30px;
    max-height: 680px;
    text-align: left
}

.sytkyPopup .btnDiv {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center
}

.sytkyPopup .btnDiv .closedPopup {
    border: 1px #f29737 solid;
    background-color: #f29737;
    color: #fff !important;
    border-radius: 3px;
    line-height: 38px;
    height: 40px;
    padding: 0 10px;
    font-size: 16px;
    display: inline-block;
    text-align: center
}

.sytkyPopup .btnDiv .closedPopup:hover {
    border-color: #152587 !important;
    background: #152587 !important
}

.sytkyPopup .primary-btn {
    min-width: 270px
}

@media screen and (max-width: 1024px) {
    .sytkyPopup {
        width: 100%
    }
}

.deletePopup1, .chyhqPopup1, .confirmPopup {
    background-color: #fff;
    width: 100%;
    max-width: 500px;
    min-height: 100px;
    padding: 30px 30px 10px 90px;
    position: relative
}

.deletePopup1 .title-1, .chyhqPopup1 .title-1, .confirmPopup .title-1 {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 5px
}

.deletePopup1 .info-1, .chyhqPopup1 .info-1, .confirmPopup .info-1 {
    color: #aaa;
    line-height: 20px
}

.deletePopup1 .icon, .chyhqPopup1 .icon, .confirmPopup .icon {
    width: 48px;
    height: 48px;
    position: absolute;
    left: 30px;
    top: 28px
}

@media screen and (max-width: 1024px) {
    .deletePopup1, .chyhqPopup1, .confirmPopup {
        padding-left: 60px
    }

    .deletePopup1 .icon, .chyhqPopup1 .icon, .confirmPopup .icon {
        width: 30px;
        height: 30px;
        left: 20px
    }

    .deletePopup1 .title-1, .chyhqPopup1 .title-1, .confirmPopup .title-1 {
        font-size: 16px
    }

    .deletePopup1 .info-1, .chyhqPopup1 .info-1, .confirmPopup .info-1 {
        font-size: 12px
    }
}

.qxddPopup {
    width: 100%;
    max-width: 600px;
    padding: 20px 30px 10px 30px;
    position: relative
}

.qxddPopup p {
    margin-bottom: 0
}

.qxddPopup .tips {
    background-color: #fffbdb;
    line-height: 20px;
    padding: 10px 10px 10px 30px;
    color: #999;
    margin-bottom: 20px;
    position: relative;
    font-size: 12px
}

.qxddPopup .tips .icon {
    position: absolute;
    top: 10px;
    left: 10px
}

.qxddPopup .reasonList {
    margin-left: -8px;
    margin-left: -7px;
    padding-left: 30px;
    padding-right: 30px
}

.qxddPopup .reasonList li {
    width: 50%;
    float: left;
    padding: 0 7px 15px 8px;
    position: relative
}

.qxddPopup .reasonList .box {
    display: block;
    background: #fff;
    height: 34px;
    line-height: 32px;
    border: 1px solid #ddd;
    color: #666;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative
}

.qxddPopup .reasonList .box:after {
    content: "";
    display: none;
    width: 15px;
    height: 15px;
    background: url(../images/icon/selected-icon.png) no-repeat center center;
    position: absolute;
    bottom: 0;
    right: 0
}

.qxddPopup .reasonList .box:hover {
    height: 34px;
    line-height: 30px;
    border: 2px solid #f29737
}

.qxddPopup .reasonList .active .box {
    height: 34px;
    line-height: 30px;
    border: 2px solid #f29737
}

.qxddPopup .reasonList .active .box:after {
    display: block
}

@media screen and (max-width: 1024px) {
    .qxddPopup {
        padding-left: 20px;
        padding-right: 20px
    }

    .qxddPopup .reasonList {
        padding-left: 0;
        padding-right: 0
    }

    .qxddPopup .reasonList .box {
        font-size: 14px
    }
}

.qxddCgPopup {
    padding: 30px 30px
}

.qxddCgPopup .icon {
    text-align: center
}

.qxddCgPopup .title-1 {
    font-size: 16px;
    line-height: 26px;
    color: #000;
    font-weight: 700;
    text-align: center;
    padding-top: 20px;
    margin-bottom: 30px
}

.qxddCgPopup .title-2 {
    text-align: center;
    line-height: 20px;
    position: relative;
    margin-bottom: 30px
}

.qxddCgPopup .title-2:after {
    content: "";
    width: 100%;
    display: block;
    height: 1px;
    background: #eee;
    position: absolute;
    top: 50%;
    z-index: 1
}

.qxddCgPopup .title-2 > span {
    display: inline-block;
    padding: 0 10px;
    background: #fff;
    z-index: 2;
    position: relative
}

.qxddCgPopup .single-product {
    display: flex
}

.qxddCgPopup .single-product .pic {
    width: 120px;
    height: 120px;
    position: relative
}

.qxddCgPopup .single-product .text {
    flex: 1;
    padding-left: 20px
}

.qxddCgPopup .single-product .span {
    color: #f29737;
    font-size: 14px;
    line-height: 20px
}

.qxddCgPopup .single-product .bt {
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 16px;
    line-height: 24px;
    color: #333
}

.qxddCgPopup .single-product .span1 {
    color: #4d4d4d;
    margin-top: 10px
}

.qxddCgPopup .single-product .title {
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    margin-bottom: 2px
}

.qxddCgPopup .single-product .btnDiv a {
    line-height: 26px;
    padding: 0 16px;
    color: #333;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 2px;
    display: inline-block
}

.qxddCgPopup .single-product .btnDiv a:hover {
    background-color: #fff;
    border-color: #f29737;
    color: #f29737 !important
}

@media screen and (max-width: 1024px) {
    .qxddCgPopup .single-product .title {
        line-height: 18px;
        height: 36px;
        margin-bottom: 6px
    }
}

.cuidanPopup {
    width: 100%;
    max-width: 600px;
    padding: 20px 30px 10px 30px;
    position: relative
}

.cuidanPopup .listReason {
    color: #666;
    padding-top: 20px
}

.cuidanPopup .listReason .box {
    display: block;
    display: flex;
    flex-wrap: wrap
}

.cuidanPopup .listReason .xh {
    color: #f29737
}

.cuidanPopup .listReason .bt {
    width: 60px;
    text-align: left
}

.cuidanPopup .listReason .editDiv {
    flex: 1
}

.cuidanPopup .listReason .textarea-form {
    background-color: #fff;
    border-radius: 3px;
    color: #333;
    vertical-align: middle;
    border: none;
    border: #ced4da solid 1px;
    padding: 10px 10px;
    line-height: 24px;
    font-size: 14px;
    width: 100%
}

.cuidanPopup .listReason .textarea-form:focus {
    border-color: #f29737
}

.cuidanPopup .listReason .textarea-form::-webkit-input-placeholder {
    color: #a6a6a6
}

.cuidanPopup .listReason .textarea-form:-ms-input-placeholder {
    color: #a6a6a6
}

.cuidanPopup .listReason .textarea-form:-moz-placeholder {
    color: #a6a6a6
}

.cuidanPopup .listReason .textarea-form:placeholder {
    color: rgba(255, 255, 255, 0.7)
}

.xgddPopup {
    width: 100%;
    max-width: 600px;
    padding: 20px 30px 0 30px;
    position: relative
}

.xgddPopup .tips {
    color: #666;
    font-size: 12px;
    clear: both;
    float: none;
    line-height: 18px
}

.xgddPopup .listXgdd {
    color: #666;
    padding-top: 20px
}

.xgddPopup .listXgdd li {
    padding-bottom: 15px
}

.xgddPopup .listXgdd .box {
    display: block;
    display: flex;
    flex-wrap: wrap
}

.xgddPopup .listXgdd .xh {
    color: #f29737
}

.xgddPopup .listXgdd .bt {
    width: 80px;
    line-height: 40px;
    text-align: left
}

.xgddPopup .listXgdd .input-form {
    color: #333
}

.xgddPopup .listXgdd .input-form:disabled {
    background-color: #eee
}

.xgddPopup .listXgdd .editDiv {
    flex: 1
}

.xgddPopup .listXgdd .li-xxdz .input-form {
    width: 100%
}

.xgddPopup .listXgdd .tips {
    padding-left: 80px
}

.xgddPopup .listXgdd .div-2 {
    width: 50%;
    float: left;
    padding-left: 5px;
    padding-right: 5px
}

.xgddPopup .listXgdd .div-2 .input-form {
    width: 100%
}

.xgddPopup .listXgdd .div-2 .selectDiv {
    width: 100%
}

.xgddPopup .listXgdd .div-1 {
    padding-left: 5px;
    padding-right: 5px
}

@media screen and (max-width: 1024px) {
    .xgddPopup {
        padding-top: 20px;
        padding-left: 15px;
        padding-right: 15px
    }

    .xgddPopup .listXgdd {
        padding-top: 0
    }

    .xgddPopup .listXgdd .bt {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px
    }
}

.steps-1 {
    padding-top: 40px;
    padding-bottom: 40px
}

.steps-1 .list {
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    display: flex
}

.steps-1 .list:after {
    display: none
}

.steps-1 li {
    display: inline-flex;
    text-align: center;
    vertical-align: middle;
    position: relative
}

.steps-1 .line {
    display: block;
    width: 90px;
    height: 6px;
    background: #ddd;
    border-radius: 6px;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    position: relative
}

.steps-1 .line span {
    display: block;
    width: 0;
    height: 100%;
    background: #62bf40;
    border-radius: 6px;
    position: absolute;
    top: 0;
    left: 0
}

.steps-1 .box {
    position: relative;
    z-index: 1
}

.steps-1 .icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 5px #ddd solid;
    line-height: 18px;
    text-align: center;
    color: #ddd;
    font-weight: 700
}

.steps-1 .icon .layui-icon-ok {
    font-size: 14px
}

.steps-1 .title {
    margin-top: 10px;
    font-size: 12px;
    color: #999
}

.steps-1 .active .title {
    color: #62bf40
}

.steps-1 .active .icon {
    border-color: #62bf40;
    color: #62bf40
}

@media screen and (max-width: 1024px) {
    .steps-1 .list .line {
        width: 60px
    }
}

.weixinPayment {
    padding: 80px 0
}

.weixinPayment .container {
    max-width: 990px
}

.weixinPayment .hd {
    overflow: hidden;
    padding-bottom: 20px
}

.weixinPayment .hd .title {
    float: left
}

.weixinPayment .hd .yfje {
    float: right
}

.weixinPayment .hd .num {
    color: #f29737;
    font-size: 20px;
    font-family: var(--HarmonyOS_Sans_SC_Bold)
}

.weixinPayment .bd {
    background-color: #fff;
    padding: 20px 30px 60px 150px;
    box-shadow: 0 6px 32px rgba(0, 0, 0, 0.13);
    position: relative
}

.weixinPayment .bd .title {
    line-height: 30px;
    font-size: 18px;
    color: #666;
    position: absolute;
    top: 20px;
    left: 20px
}

.weixinPayment .bd .tips {
    line-height: 30px;
    font-size: 12px;
    color: #333;
    margin-bottom: 10px
}

.weixinPayment .bd .tips .time {
    color: #f00;
    font-weight: 700
}

.weixinPayment .bd .ewm-text {
    float: left
}

.weixinPayment .bd .ewm-text .text {
    margin-top: 20px;
    background-color: #f29737;
    color: #fff;
    line-height: 22px;
    vertical-align: top;
    padding: 8px 0;
    display: flex;
    justify-content: center
}

.weixinPayment .bd .ewm-text .icon {
    display: inline-block;
    width: 44px;
    height: 44px;
    margin-right: 10px;
    user-select: none
}

.weixinPayment .bd .ewm {
    border: 1px #ddd solid;
    width: 300px;
    height: 300px;
    position: relative
}

.weixinPayment .bd .ewm-pic {
    overflow: hidden
}

.weixinPayment .bd .ewm-pic .pic {
    width: 329px;
    float: left;
    margin-left: 50px;
    margin-top: -20px
}

.weixinPayment .bd .payment-change {
    position: absolute;
    bottom: 30px;
    left: 30px
}

.weixinPayment .bd .payment-change a {
    color: #67a4ff;
    margin-right: 30px;
    font-size: 16px;
    float: left;
    cursor: pointer
}

@media screen and (max-width: 1024px) {
    .weixinPayment {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .weixinPayment .bd {
        padding: 20px 20px 60px 20px
    }

    .weixinPayment .bd .title {
        position: static;
        padding-bottom: 10px
    }

    .weixinPayment .bd .tips {
        line-height: 20px
    }

    .weixinPayment .bd .ewm-text {
        margin-left: auto;
        margin-right: auto;
        float: none;
        max-width: 300px
    }

    .weixinPayment .bd .ewm {
        margin-left: auto;
        margin-right: auto
    }

    .weixinPayment .bd .ewm-pic .pic {
        margin-left: 0;
        display: none
    }

    .weixinPayment .bd .payment-change {
        bottom: 20px;
        left: 20px
    }
}

.deletePopup2 {
    padding: 30px 30px 10px 30px
}

.deletePopup2 .icon {
    position: relative;
    left: auto;
    top: auto;
    margin: 0 auto
}

.deletePopup2 .title-1 {
    text-align: center
}

.deletePopup3 {
    padding: 50px 30px 10px 30px
}

.deletePopup3 .icon {
    position: relative;
    left: auto;
    top: auto;
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 24px;
    margin-right: 12px
}

.deletePopup3 .title-1 {
    display: inline-block;
    vertical-align: top;
    line-height: 24px
}

.inside-3 {
    background-color: #f5f5f5;
    padding-bottom: 100px
}

.pjcg {
    padding-top: 60px
}

.pjcg .hd {
    text-align: center;
    padding-bottom: 40px
}

.pjcg .hd .hdC {
    display: inline-block;
    text-align: left;
    padding-left: 90px;
    min-height: 80px;
    position: relative
}

.pjcg .hd .layui-icon {
    width: 60px;
    color: #9b1;
    font-size: 80px;
    line-height: 1;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0
}

.pjcg .hd .text {
    padding-left: 10px;
    padding-top: 10px
}

.pjcg .hd .title {
    font-size: 20px;
    color: #333
}

.pjcg .hd .info {
    font-size: 13px;
    color: #999
}

.pjcg .hd .a-1 {
    color: #f29737
}

.pjcg .nr {
    background-color: #fff;
    padding: 40px 40px 0 40px
}

.pjcg .wpjPro .swiper-pagination {
    text-align: center;
    position: static;
    padding-top: 40px
}

.pjcg .wpjPro .swiper-pagination-bullet {
    opacity: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px #ccc solid;
    color: #000;
    font-size: 14px;
    margin: 0 5px
}

.pjcg .wpjPro .swiper-pagination-bullet:hover {
    background-color: #f29737;
    border-color: #f29737;
    color: #fff
}

.pjcg .wpjPro .swiper-pagination-bullet-active {
    background-color: #f29737;
    border-color: #f29737;
    color: #fff
}

.pjcg .wpjPro .list {
    margin-left: -15px;
    margin-right: -15px
}

.pjcg .wpjPro li {
    width: 20%;
    float: left;
    padding: 0 15px 0 15px
}

.pjcg .wpjPro .swiper-container-initialized .list {
    margin-left: 0;
    margin-right: 0
}

.pjcg .wpjPro .swiper-container-initialized li {
    padding-left: 0;
    padding-right: 0
}

.pjcg .wpjPro .box {
    display: block
}

.pjcg .wpjPro .pic {
    border-radius: 15px;
    overflow: hidden;
    position: relative
}

.pjcg .wpjPro .pic:after {
    content: "";
    display: block;
    padding-top: 80%
}

.pjcg .wpjPro .pic img {
    transition: all .5s
}

.pjcg .wpjPro a:hover img {
    transform: scale(1.1)
}

.pjcg .wpjPro .btnDiv {
    text-align: center;
    padding-top: 20px
}

.pjcg .wpjPro .btn-1 {
    min-width: 140px;
    display: inline-block;
    text-align: center;
    color: #333;
    border: 1px #f29737 solid;
    color: #f29737 !important;
    border-radius: 3px;
    line-height: 42px;
    height: 44px;
    font-size: 16px;
    padding: 0 10px
}

.pjcg .wpjPro .btn-1:hover {
    background-color: #f29737;
    color: #fff !important
}

.pjcg .tj {
    padding-top: 50px;
    padding-bottom: 0
}

.pjcg .tjTitle {
    text-align: center;
    font-size: 20px;
    color: #666;
    margin-bottom: 20px
}

@media screen and (max-width: 1024px) {
    .pjcg .wpjPro .list {
        margin-left: -5px;
        margin-right: -5px
    }

    .pjcg .wpjPro li {
        width: 33.33333333%;
        padding: 0 5px 0 5px
    }

    .pjcg .wpjPro .swiper-container-initialized .list {
        margin-left: 0;
        margin-right: 0
    }

    .pjcg .wpjPro .swiper-container-initialized li {
        padding-left: 0;
        padding-right: 0
    }

    .pjcg .wpjPro .swiper-pagination {
        padding-top: 20px
    }

    .pjcg .wpjPro .swiper-pagination-bullet {
        opacity: 1;
        width: 20px;
        height: 20px;
        line-height: 18px;
        font-size: 12px;
        margin: 0 2px
    }

    .pjcg .wpjPro .btn-1 {
        min-width: 90px;
        height: 36px;
        line-height: 34px;
        font-size: 14px
    }

    .pjcg .nr {
        padding: 10px
    }

    .pjcg .hd .hdC {
        padding-left: 50px
    }

    .pjcg .hd .layui-icon {
        font-size: 40px;
        width: 50px
    }

    .pjcg .hd .text {
        padding-top: 0;
        padding-left: 0
    }

    .pjcg .hd .title {
        font-size: 16px
    }
}

@media screen and (max-width: 767px) {
    .pjcg .wpjPro li {
        width: 50%
    }
}

.inside-banner {
    text-align: center;
    position: relative
}

.inside-banner .mobile {
    display: none
}

.inside-banner .text {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.inside-banner .title {
    text-align: left;
    color: #fff;
    font-weight: 700;
    font-size: 48px;
    text-shadow: 2px 4px 20px #f29737
}

.inside-banner img {
    width: 100%
}

@media screen and (max-width: 1024px) {
    .inside-banner .title {
        font-size: 24px
    }

    .inside-banner .pc {
        display: none
    }

    .inside-banner .mobile {
        display: block
    }
}

.tywz {
    padding-top: 50px;
    padding-bottom: 100px
}

.tywz .subMenu-2 {
    padding-bottom: 20px
}

@media screen and (max-width: 1024px) {
    .tywz {
        padding-top: 20px;
        padding-bottom: 40px
    }

    .tywz .subMenu-2 {
        padding-bottom: 20px
    }
}

.zhyz {
    padding-top: 50px;
    padding-bottom: 100px
}

.zhyz .subMenu-2 {
    padding-bottom: 30px;
    text-align: center
}

.zhyz .subMenu-2 .listMenu li {
    float: none
}

.zhyz .page {
    padding-top: 20px
}

.zhyz .czjhLy {
    margin-bottom: 40px
}

.zhyz .czjhLy .container {
    padding-left: 0;
    padding-right: 0
}

@media screen and (max-width: 1024px) {
    .zhyz {
        padding-top: 20px;
        padding-bottom: 40px
    }

    .zhyz .czjhLy {
        padding-top: 20px;
        margin-bottom: 30px
    }

    .zhyz .subMenu-2 {
        padding-bottom: 20px
    }
}

.subMenu-2 .listMenu {
    text-align: center;
    font-size: 0;
    margin-left: -20px;
    margin-right: -20px
}

.subMenu-2 .listMenu li {
    display: inline-block;
    min-width: 20%;
    padding: 0 20px 40px 20px
}

.subMenu-2 .listMenu .box {
    display: block;
    background: #edf4fe url(../images/subMenu-2-bg.jpg) no-repeat center center;
    background-size: cover;
    height: 80px;
    line-height: 80px;
    border-radius: 40px;
    font-size: 20px;
    color: #393f47;
    font-weight: 700;
    padding: 0 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1
}

.subMenu-2 .listMenu .box:hover {
    background: #487bbc;
    color: #fff
}

.subMenu-2 .listMenu .active .box {
    background: #487bbc;
    color: #fff
}

@media screen and (max-width: 1024px) {
    .subMenu-2 .listMenu {
        margin-left: -5px;
        margin-right: -5px
    }

    .subMenu-2 .listMenu li {
        padding: 0 5px 10px 5px
    }

    .subMenu-2 .listMenu .box {
        height: 40px;
        line-height: 40px;
        font-size: 14px
    }
}

.cjyp {
    padding-bottom: 80px
}

.cjyp .listNews {
    padding-top: 20px
}

.cjyp .page {
    padding-top: 20px
}

@media screen and (max-width: 1024px) {
    .cjyp {
        padding-bottom: 40px
    }

    .cjyp .page {
        padding-top: 30px
    }

    .cjyp .listNews {
        padding-top: 0
    }
}

.listNews {
    margin-left: -20px;
    margin-right: -20px
}

.listNews li {
    width: 33.33333333%;
    float: left;
    padding: 0 20px 40px 18px
}

.listNews .box {
    display: block;
    background-color: #f1f5fa;
    padding: 36px 36px
}

.listNews .title {
    font-weight: 700;
    font-size: 20px;
    color: #333;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    margin-bottom: 10px
}

.listNews .info {
    color: #666;
    font-size: 16px;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    margin-bottom: 30px
}

.listNews .date {
    color: #a3a3a3;
    line-height: 1;
    padding-left: 10px;
    margin-left: 40px;
    padding-bottom: 20px;
    position: relative;
    transition: .5s
}

.listNews .date:before {
    content: "";
    display: block;
    width: 1px;
    height: 110px;
    background-color: #f29737;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0
}

.listNews .date .year {
    font-size: 30px;
    margin-bottom: 10px
}

.listNews .date .day {
    font-size: 14px
}

.listNews .pic {
    overflow: hidden;
    position: relative
}

.listNews .pic:after {
    content: "";
    display: block;
    padding-top: 65.78947368%
}

.listNews .pic img {
    transition: all .5s
}

.listNews .box:hover .date {
    margin-left: 0
}

.listNews .box:hover .title {
    color: #f29737
}

.listNews .box:hover img {
    transform: scale(1.1)
}

@media screen and (max-width: 1024px) {
    .listNews {
        margin-left: -5px;
        margin-right: -5px
    }

    .listNews li {
        width: 50%;
        padding: 0 5px 10px 5px
    }

    .listNews .box {
        padding: 15px
    }

    .listNews .title {
        font-size: 16px
    }

    .listNews .info {
        font-size: 14px;
        line-height: 24px;
        height: 48px;
        margin-bottom: 15px
    }

    .listNews .date {
        margin-left: 0;
        padding-left: 0
    }

    .listNews .date .year, .listNews .date .day {
        display: inline
    }

    .listNews .date .year {
        font-size: 24px
    }

    .listNews .date:before {
        display: none;
        height: 40px
    }
}

@media screen and (max-width: 414px) {
    .listNews li {
        width: 100%;
        padding: 0 5px 10px 5px
    }
}

.question {
    padding-bottom: 80px
}

.question .page {
    padding-bottom: 80px
}

.question .listQuestion {
    padding-bottom: 40px
}

.question .listQuestion li {
    padding-bottom: 25px;
    margin-bottom: 20px;
    border-bottom: 1px #ebebeb solid
}

.question .listQuestion .box {
    display: block;
    padding-left: 60px;
    padding-top: 40px;
    position: relative
}

.question .listQuestion .icon {
    width: 50px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0
}

.question .listQuestion .title {
    color: #333;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    margin-bottom: 10px;
    cursor: pointer;
    padding-right: 20px;
    position: relative
}

.question .listQuestion .title .layui-icon {
    position: absolute;
    top: 3px;
    right: 8px;
    overflow: hidden
}

.question .listQuestion .text {
    display: none
}

.question .listQuestion .info {
    padding-top: 35px;
    margin-bottom: 20px;
    font-size: 16px;
    color: #666;
    position: relative
}

.question .listQuestion .info:before {
    content: "";
    line-height: 1;
    width: 25px;
    height: 25px;
    background: url(../images/icon/left-mark.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0
}

.question .listQuestion .info:after {
    content: "";
    line-height: 1;
    width: 25px;
    height: 25px;
    background: url(../images/icon/right-mark.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    bottom: -30px;
    right: 0
}

.question .listQuestion .infoC {
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

.question .listQuestion .moreBtn {
    color: #f29737;
    font-size: 16px;
    line-height: 30px
}

.question .listQuestion .box:hover .title {
    color: #f29737
}

.question .listQuestion .box:hover .moreBtn {
    color: #f29737
}

.question .listQuestion .active .title {
    color: #f29737
}

.question .listQuestion .active .title .layui-icon {
    transform: rotate(180deg)
}

@media screen and (max-width: 1024px) {
    .question {
        padding-bottom: 30px
    }

    .question .page {
        padding-bottom: 40px
    }

    .question .listQuestion {
        padding-top: 0
    }

    .question .listQuestion li {
        padding-bottom: 15px;
        margin-bottom: 15px
    }

    .question .listQuestion li:last-child {
        margin-bottom: 0
    }

    .question .listQuestion .box {
        padding-left: 30px;
        padding-top: 10px
    }

    .question .listQuestion .title {
        font-size: 14px;
        padding-right: 20px
    }

    .question .listQuestion .info {
        font-size: 14px
    }

    .question .listQuestion .info:before {
        width: 20px;
        height: 20px
    }

    .question .listQuestion .info:after {
        width: 20px;
        height: 20px
    }

    .question .listQuestion .infoC {
        line-height: 24px;
        height: 48px
    }

    .question .listQuestion .icon {
        width: 25px;
        height: 40px
    }

    .question .listQuestion .moreBtn {
        font-size: 14px
    }
}

.zxdy {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(145, 165, 181, 0.33);
    padding: 60px 70px;
    position: relative
}

.zxdy .anchor {
    width: 1px;
    height: 1px;
    position: absolute;
    top: -100px
}

.zxdy .title-1 {
    width: 125px;
    line-height: 22px;
    border-radius: 24px;
    padding-left: 15px;
    padding-right: 25px;
    border: 1px #f29737 solid;
    color: #f29737;
    margin-bottom: 20px;
    position: relative
}

.zxdy .title-1 .layui-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #f29737;
    color: #fff;
    text-align: center;
    line-height: 24px;
    position: absolute;
    top: -1px;
    right: -1px
}

.zxdy .title-2 {
    margin-bottom: 20px
}

.zxdy .list {
    width: 100%;
    padding-left: 25px;
    max-width: 560px
}

.zxdy .list li {
    padding-bottom: 10px
}

.zxdy .list .box {
    display: flex
}

.zxdy .list .bt {
    width: 48px;
    text-align: left;
    font-weight: 700;
    color: #2a2a2a;
    font-size: 20px;
    position: relative
}

.zxdy .list .bt .span-1 {
    color: #f29737;
    margin-right: 3px;
    position: absolute;
    top: 0;
    left: -15px
}

.zxdy .list .editDiv {
    flex: 1;
    padding-left: 5px
}

.zxdy .list input[type="text"] {
    color: #333;
    width: 100%;
    border: none;
    border-bottom: 1px #b3bfc8 solid;
    font-size: 16px;
    line-height: 30px;
    background: none;
    padding-left: 8px;
    padding-right: 8px
}

.zxdy .list input[type="text"]:focus {
    border-color: #f29737
}

.zxdy .list .box-2 {
    display: block
}

.zxdy .list #ID-upload-drag {
    cursor: pointer;
    display: block;
    margin-top: 10px;
    border-radius: 10px;
    color: #1864c7;
    border: 1px #929fac dashed;
    background: rgba(255, 255, 255, 0.68);
    text-align: center;
    font-size: 14px;
    padding: 15px 20px;
    position: relative
}

.zxdy .list #ID-upload-drag .img {
    margin-bottom: 10px
}

.zxdy .list #ID-upload-drag:hover {
    border-color: #f29737
}

.zxdy .list .layui-hide {
    display: none
}

.zxdy .list .gongkai .box {
    justify-content: space-around
}

.zxdy .list .gongkai .bt {
    width: auto;
    font-size: 16px
}

.zxdy .list .gongkai .layui-form-onswitch {
    background-color: #23d43c;
    border-color: #23d43c
}

.zxdy .list .gongkai .layui-form-onswitch > div {
    font-size: 0;
    margin-left: 0;
    margin-right: 0
}

.zxdy .list .gongkai .layui-form-switch {
    min-width: 40px
}

.zxdy .list .gongkai .layui-form-switch > div {
    font-size: 0;
    margin-left: 0;
    margin-right: 0
}

.zxdy .list .gongkai .checkboxDiv-3 {
    float: right;
    margin-top: 8px;
    color: #333;
    font-size: 16px
}

.zxdy .list .btnDiv {
    padding-top: 10px
}

.zxdy .list .btnDiv a {
    display: inline-block;
    min-width: 140px;
    line-height: 50px;
    border-radius: 3px;
    background-color: #f29737;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 0 10px
}

.zxdy .list .btnDiv a:hover {
    background-color: #152587
}

@media screen and (max-width: 1024px) {
    .zxdy {
        padding: 10px
    }

    .zxdy .title-1 {
        margin-bottom: 10px
    }

    .zxdy .title-2 img {
        max-height: 30px
    }

    .zxdy .con {
        background-color: rgba(255, 255, 255, 0.8);
        padding: 20px 10px;
        border-radius: 10px
    }

    .zxdy .list {
        padding-left: 20px
    }

    .zxdy .list .bt {
        width: 30px;
        line-height: 30px;
        font-size: 14px
    }

    .zxdy .list input[type="text"] {
        font-size: 14px
    }

    .zxdy .list #ID-upload-drag .img {
        height: 40px
    }

    .zxdy .list .gongkai .bt {
        font-size: 14px
    }

    .zxdy .list .gongkai .checkboxDiv-3 {
        font-size: 14px
    }

    .zxdy .list .btnDiv a {
        min-width: 120px;
        line-height: 40px;
        font-size: 14px
    }
}

.czjhLy {
    padding-top: 80px;
    position: relative
}

.czjhLy .anchor {
    width: 1px;
    height: 1px;
    position: absolute;
    top: -100px
}

.czjhLy .con {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(145, 165, 181, 0.33);
    padding: 60px 70px 60px 70px;
    position: relative
}

.czjhLy .title-1 {
    width: 125px;
    line-height: 22px;
    border-radius: 24px;
    padding-left: 15px;
    padding-right: 25px;
    border: 1px #f29737 solid;
    color: #f29737;
    margin-bottom: 20px;
    position: relative
}

.czjhLy .title-1 .layui-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #f29737;
    color: #fff;
    text-align: center;
    line-height: 24px;
    position: absolute;
    top: -1px;
    right: -1px
}

.czjhLy .title-2 {
    margin-bottom: 0
}

.czjhLy .info {
    font-size: 16px;
    color: #231507;
    margin-bottom: 20px
}

.czjhLy .list {
    width: 100%;
    max-width: 560px;
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 15px
}

.czjhLy .list li {
    padding: 0 5px 10px 5px;
    clear: both
}

.czjhLy .list .col-2 {
    width: 50%;
    float: left;
    clear: none
}

.czjhLy .list .box {
    display: flex
}

.czjhLy .list .bt {
    width: 48px;
    text-align: left;
    font-weight: 700;
    color: #fff;
    font-size: 20px;
    position: relative
}

.czjhLy .list .bt .span-1 {
    color: #f29737;
    margin-right: 3px;
    position: absolute;
    top: 0;
    left: -15px
}

.czjhLy .list .editDiv {
    flex: 1;
    padding-left: 5px
}

.czjhLy .list input[type="text"] {
    color: #fff;
    width: 100%;
    border: none;
    border-bottom: 1px rgba(255, 255, 255, 0.38) solid;
    font-size: 14px;
    line-height: 30px;
    background: none;
    padding-left: 8px;
    padding-right: 8px
}

.czjhLy .list input[type="text"]:focus {
    border-color: #f29737
}

.czjhLy .list input[type="text"]::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8)
}

.czjhLy .list input[type="text"]:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8)
}

.czjhLy .list input[type="text"]:-moz-placeholder {
    color: rgba(255, 255, 255, 0.8)
}

.czjhLy .list input[type="text"]:placeholder {
    color: rgba(255, 255, 255, 0.8)
}

.czjhLy .list .box-2 {
    display: block
}

.czjhLy .list #ID-upload-drag {
    cursor: pointer;
    display: block;
    margin-top: 10px;
    border-radius: 10px;
    color: #1864c7;
    border: 1px #929fac dashed;
    background: rgba(255, 255, 255, 0.68);
    text-align: center;
    font-size: 14px;
    padding: 15px 20px;
    position: relative
}

.czjhLy .list #ID-upload-drag .img {
    margin-bottom: 10px
}

.czjhLy .list #ID-upload-drag:hover {
    border-color: #f29737
}

.czjhLy .list .layui-hide {
    display: none
}

.czjhLy .list .gongkai .box {
    justify-content: space-around
}

.czjhLy .list .gongkai .bt {
    width: auto;
    font-size: 16px
}

.czjhLy .list .gongkai .layui-form-onswitch {
    background-color: #23d43c;
    border-color: #23d43c
}

.czjhLy .list .gongkai .layui-form-onswitch > div {
    font-size: 0;
    margin-left: 0;
    margin-right: 0
}

.czjhLy .list .gongkai .layui-form-switch {
    min-width: 40px
}

.czjhLy .list .gongkai .layui-form-switch > div {
    font-size: 0;
    margin-left: 0;
    margin-right: 0
}

.czjhLy .list .gongkai .checkboxDiv-3 {
    float: right;
    margin-top: 8px;
    color: #333;
    font-size: 16px
}

.czjhLy .list .btnDiv {
    padding-top: 10px
}

.czjhLy .list .btnDiv a {
    display: inline-block;
    min-width: 140px;
    line-height: 44px;
    border-radius: 3px;
    background-color: #f29737;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 0 10px
}

.czjhLy .list .btnDiv a:hover {
    background-color: #152587
}

@media screen and (max-width: 1024px) {
    .czjhLy {
        padding-top: 40px
    }

    .czjhLy .con {
        padding: 10px
    }

    .czjhLy .title-1 {
        margin-bottom: 10px
    }

    .czjhLy .title-2 img {
        max-height: 30px
    }

    .czjhLy .info {
        font-size: 14px
    }

    .czjhLy .con {
        background-color: rgba(255, 255, 255, 0.8);
        padding: 20px 10px;
        border-radius: 10px
    }

    .czjhLy .list {
        padding-left: 20px
    }

    .czjhLy .list .bt {
        width: 30px;
        line-height: 30px;
        font-size: 14px
    }

    .czjhLy .list input[type="text"] {
        font-size: 14px
    }

    .czjhLy .list #ID-upload-drag .img {
        height: 40px
    }

    .czjhLy .list .gongkai .bt {
        font-size: 14px
    }

    .czjhLy .list .gongkai .checkboxDiv-3 {
        font-size: 14px
    }

    .czjhLy .list .btnDiv a {
        min-width: 120px;
        line-height: 40px;
        font-size: 14px
    }

    .czjhLy .list .col-2 {
        width: 100%
    }
}

.xxyy .titleBig {
    color: #141414;
    text-align: center;
    font-size: 42px;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 40px;
    position: relative
}

.xxyy .list {
    margin-left: -20px;
    margin-right: -20px;
    position: relative
}

.xxyy .list li {
    width: 100%;
    float: left;
    padding: 0 20px 30px 20px;
    position: relative
}

.xxyy .list .box {
    position: relative
}

.xxyy .list .title {
    font-weight: 400;
    color: #2a2a2a;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 15px
}

.xxyy .list .xh {
    font-size: 20px;
    color: #f29737;
    margin-right: 5px
}

.xxyy .list .green {
    color: #03bf84;
    margin-right: 5px;
    position: absolute;
    top: 14px;
    left: 10px
}

.xxyy .list .input-form, .xxyy .list .textarea-form {
    background-color: #fff;
    border-radius: 5px;
    color: #333;
    vertical-align: middle;
    border: none;
    border: #ced4da solid 1px;
    padding: 0 10px;
    line-height: 36px;
    font-size: 14px;
    width: 100%
}

.xxyy .list .input-form:focus, .xxyy .list .textarea-form:focus {
    border-color: #f29737
}

.xxyy .list .input-form::-webkit-input-placeholder, .xxyy .list .textarea-form::-webkit-input-placeholder {
    color: #a6a6a6
}

.xxyy .list .input-form:-ms-input-placeholder, .xxyy .list .textarea-form:-ms-input-placeholder {
    color: #a6a6a6
}

.xxyy .list .input-form:-moz-placeholder, .xxyy .list .textarea-form:-moz-placeholder {
    color: #a6a6a6
}

.xxyy .list .input-form:placeholder, .xxyy .list .textarea-form:placeholder {
    color: rgba(255, 255, 255, 0.7)
}

.xxyy .list .input-form {
    height: 38px
}

.xxyy .list .textarea-form {
    line-height: 30px;
    padding: 10px 10px 10px 10px;
    width: 100%;
    min-height: 110px
}

.xxyy .list .textarea-form:focus {
    border: #f29737 solid 1px
}

.xxyy .list .col-2 {
    width: 50%;
    float: left;
    position: relative;
    text-align: left
}

.xxyy .list .baomi {
    font-size: 14px;
    color: #7a7a7a;
    padding-bottom: 20px
}

.xxyy .list .btnDiv {
    text-align: center;
    padding-bottom: 0
}

.xxyy .list .submit, .xxyy .list .reset {
    font-size: 18px;
    display: inline-block;
    min-width: 200px;
    border-radius: 3px;
    text-align: center;
    line-height: 60px;
    height: 60px;
    border: none;
    cursor: pointer;
    overflow: hidden;
    margin: 0 10px;
    position: relative;
    z-index: 1
}

.xxyy .list .submit {
    background: #f29737;
    color: #fff
}

.xxyy .list .submit:hover {
    background-color: #152587;
    color: #fff
}

.xxyy .list .reset {
    background: #ebebeb;
    color: #666
}

.xxyy .list .reset:hover {
    background-color: #dedede;
    color: #666
}

.xxyy .list .danxuan .item-danxuan {
    border: 1px #ced4da solid;
    border-radius: 5px;
    line-height: 36px;
    background-color: #fff;
    padding: 0 0;
    cursor: pointer;
    margin-bottom: 12px
}

.xxyy .list .danxuan .item-danxuan:last-child {
    margin-bottom: 0
}

.xxyy .list .danxuan .item-danxuan .icon-danxuan {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-right: 1px #ced4da solid;
    vertical-align: top;
    position: relative
}

.xxyy .list .danxuan .item-danxuan .icon-danxuan:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px #ced4da solid;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.xxyy .list .danxuan .item-danxuan .icon-danxuan:after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px #767676 solid;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: .2s
}

.xxyy .list .danxuan .item-danxuan.checked .icon-danxuan:after {
    transform: translate(-50%, -50%) scale(1);
    background-color: #767676
}

.xxyy .list .danxuan .txt-danxuan {
    padding-left: 10px;
    padding-right: 10px
}

@media screen and (max-width: 1024px) {
    .xxyy .titleBig {
        font-size: 24px;
        margin-bottom: 20px
    }

    .xxyy .list {
        margin-left: -5px;
        margin-right: -5px
    }

    .xxyy .list:before {
        display: none
    }

    .xxyy .list li {
        width: 100%;
        padding: 0 5px 20px 5px
    }

    .xxyy .list li:last-child {
        padding-bottom: 0
    }

    .xxyy .list .col-2 {
        width: 100%
    }

    .xxyy .list .title {
        font-size: 16px
    }

    .xxyy .list .input-form, .xxyy .list .textarea-form {
        font-size: 14px
    }

    .xxyy .list .textarea-form {
        height: 140px
    }

    .xxyy .list .layui-form-checkbox[lay-skin=primary] > div {
        font-size: 14px
    }

    .xxyy .list .xh {
        font-size: 16px
    }

    .xxyy .list .submit, .xxyy .list .reset {
        min-width: 120px;
        font-size: 14px;
        text-align: center;
        line-height: 50px;
        height: 50px;
        max-width: 100%;
        padding: 0 10px;
        border: none;
        margin: 0 10px
    }

    .xxyy .list .submit:hover, .xxyy .list .reset:hover {
        background: #eee
    }
}

.listZhyz {
    margin-left: -20px;
    margin-right: -20px
}

.listZhyz li {
    width: 33.33333333%;
    float: left;
    padding: 0 20px 40px 20px
}

.listZhyz .box {
    display: block;
    background-color: #fff;
    box-shadow: 0 0 0 1px #c7c7c7 inset;
    border-radius: 15px;
    overflow: hidden
}

.listZhyz .box:hover img {
    transform: scale(1.1)
}

.listZhyz .box:hover .title {
    color: #f29737
}

.listZhyz .pic {
    position: relative;
    overflow: hidden
}

.listZhyz .pic:after {
    content: "";
    display: block;
    padding-top: 81.81818182%
}

.listZhyz .pic .tag {
    display: inline-block;
    min-width: 90px;
    line-height: 36px;
    border-radius: 10px;
    background-color: #f29737;
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 0 10px;
    position: absolute;
    top: 20px;
    left: 20px
}

.listZhyz .pic img {
    transition: all .5s
}

.listZhyz .text {
    padding: 30px 20px
}

.listZhyz .title {
    color: #2a2a2a;
    font-size: 20px;
    height: 72px;
    line-height: 36px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    font-weight: 700;
    margin-bottom: 8px
}

.listZhyz .info {
    color: #525252;
    font-size: 16px;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1
}

.listZhyz .btnDiv {
    border-top: 1px #a3bddd solid;
    margin-top: 20px;
    padding-top: 10px;
    overflow: hidden;
    line-height: 30px;
    font-size: 14px;
    color: #a7a7a7
}

.listZhyz .layui-icon {
    color: #f29737;
    font-size: 18px;
    font-weight: 700;
    vertical-align: top
}

.listZhyz .date {
    float: left;
    display: inline-flex;
    align-items: center
}

.listZhyz .date .layui-icon {
    margin-right: 10px
}

.listZhyz .more {
    display: inline-flex;
    align-items: center;
    float: left
}

.listZhyz .more .icon {
    margin-right: 10px;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #f29737;
    position: relative
}

.listZhyz .more .icon:before, .listZhyz .more .icon:after {
    content: "";
    display: block;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.listZhyz .more .icon:before {
    width: 8px;
    height: 2px
}

.listZhyz .more .icon:after {
    width: 2px;
    height: 8px
}

@media screen and (max-width: 1024px) {
    .listZhyz {
        margin-left: -5px;
        margin-right: -5px
    }

    .listZhyz li {
        width: 100%;
        padding: 0 5px 10px 5px
    }

    .listZhyz .pic .tag {
        min-width: 60px;
        font-size: 12px;
        line-height: 24px;
        border-radius: 5px;
        top: 20px;
        left: 20px
    }

    .listZhyz .text {
        padding: 20px 20px
    }

    .listZhyz .title {
        font-size: 16px;
        line-height: 24px;
        height: 48px
    }

    .listZhyz .info {
        font-size: 14px;
        line-height: 24px;
        height: 48px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2
    }

    .listZhyz .date-more {
        margin-top: 20px;
        padding-top: 20px
    }
}

.zcfb {
    padding-top: 80px;
    padding-bottom: 100px
}

.zcfb .page {
    padding-top: 20px
}

.zcfb .hd {
    margin-bottom: 80px;
    position: relative
}

.zcfb .hd .swiper-container {
    background: url(../images/zcfb-hd-bg.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    box-shadow: 0 0 20px 0 rgba(10, 28, 51, 0.16);
    border-radius: 20px;
    overflow: hidden
}

.zcfb .hd .btns {
    text-align: center;
    margin-top: 40px
}

.zcfb .hd .bar {
    display: inline-block;
    vertical-align: top;
    margin-left: auto;
    margin-right: auto;
    height: 40px;
    font-size: 0;
    position: relative
}

.zcfb .hd .swiper-pagination {
    text-align: center;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.zcfb .hd .swiper-pagination-bullet {
    vertical-align: middle;
    border-radius: 0;
    height: 2px;
    background: rgba(0, 0, 0, 0.15);
    width: 200px;
    opacity: .8
}

.zcfb .hd .swiper-pagination-bullet-active {
    opacity: 1;
    background: #f29737
}

.zcfb .hd .swiper-button-next, .zcfb .hd .swiper-button-prev {
    margin-top: 0;
    display: inline-flex;
    position: relative;
    top: 0;
    transform: translateY(0);
    background: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: 1px #ccc solid;
    cursor: pointer;
    text-align: center;
    z-index: 9;
    color: #333;
    font-size: 18px
}

.zcfb .hd .swiper-button-next:after, .zcfb .hd .swiper-button-prev:after {
    font-size: 16px
}

.zcfb .hd .swiper-button-next:hover, .zcfb .hd .swiper-button-prev:hover {
    border: 1px #f29737 solid;
    background: #f29737;
    color: #fff
}

.zcfb .hd .swiper-button-next:hover svg, .zcfb .hd .swiper-button-prev:hover svg {
    fill: #fff !important
}

.zcfb .hd .swiper-button-prev {
    left: -20px
}

.zcfb .hd .swiper-button-next {
    right: -20px
}

@media screen and (max-width: 1024px) {
    .zcfb {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .zcfb .page {
        padding-top: 30px
    }

    .zcfb .hd {
        margin-bottom: 40px
    }

    .zcfb .hd .swiper-container {
        border-radius: 5px
    }

    .zcfb .hd .btns {
        margin-top: 20px
    }

    .zcfb .hd .swiper-button-next, .zcfb .hd .swiper-button-prev {
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    .zcfb .hd .swiper-button-prev {
        left: 0
    }

    .zcfb .hd .swiper-button-next {
        right: 0
    }

    .zcfb .hd .swiper-pagination-bullet {
        width: 40px
    }
}

.listZcfb {
    margin-left: -20px;
    margin-right: -20px
}

.listZcfb li {
    width: 33.33333333%;
    float: left;
    padding: 0 20px 40px 20px
}

.listZcfb .box {
    background-color: #fff;
    display: block;
    border-radius: 15px;
    overflow: hidden
}

.listZcfb .box img {
    transition: all .5s
}

.listZcfb .box:hover img {
    transform: scale(1.1)
}

.listZcfb .box:hover .text {
    background-color: #f29737
}

.listZcfb .box:hover .text:before {
    background: url(../images/wave-bg-2.png) repeat-x bottom center
}

.listZcfb .pic {
    position: relative;
    overflow: hidden
}

.listZcfb .pic:after {
    content: "";
    display: block;
    padding-top: 81.81818182%
}

.listZcfb .pic .date {
    display: inline-block;
    min-width: 90px;
    line-height: 36px;
    border-radius: 10px;
    background-color: #f29737;
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 0 10px;
    position: absolute;
    top: 20px;
    left: 20px
}

.listZcfb .text {
    background-color: #f29737;
    padding: 10px 20px 20px 20px;
    position: relative
}

.listZcfb .text:before {
    content: "";
    display: block;
    width: 100%;
    height: 20px;
    background: url(../images/wave-bg.png) repeat-x bottom center;
    position: absolute;
    top: -20px;
    left: 0
}

.listZcfb .title {
    color: #fff;
    font-size: 20px;
    line-height: 32px;
    height: 64px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    font-weight: 700
}

@media screen and (max-width: 1024px) {
    .listZcfb {
        margin-left: -5px;
        margin-right: -5px
    }

    .listZcfb li {
        width: 50%;
        padding: 0 5px 10px 5px
    }

    .listZcfb .pic .date {
        min-width: 60px;
        font-size: 12px;
        line-height: 24px;
        border-radius: 5px;
        top: 20px;
        left: 20px
    }

    .listZcfb .text {
        padding: 5px 10px 20px 10px
    }

    .listZcfb .title {
        font-size: 14px;
        line-height: 24px;
        height: 48px
    }
}

.listZcfb-2 .box {
    display: block;
    position: relative
}

.listZcfb-2 .box:after {
    content: '';
    display: block;
    clear: both
}

.listZcfb-2 .pic {
    width: 34%;
    float: left;
    position: relative
}

.listZcfb-2 .pic span {
    display: block;
    position: relative;
    overflow: hidden
}

.listZcfb-2 .pic span:after {
    content: "";
    display: block;
    padding-top: 81.81818182%
}

.listZcfb-2 .pic span .date {
    display: inline-block;
    min-width: 90px;
    line-height: 36px;
    border-radius: 10px;
    background-color: #f29737;
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 0 10px;
    position: absolute;
    top: 20px;
    left: 20px
}

.listZcfb-2 .pic span img {
    transition: .5s
}

.listZcfb-2 .text {
    width: 66%;
    float: left;
    padding-top: 70px;
    padding-left: 60px;
    padding-right: 60px
}

.listZcfb-2 .title {
    font-size: 28px;
    color: #303030;
    font-weight: 700;
    text-transform: uppercase;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    margin-bottom: 15px
}

.listZcfb-2 .info {
    color: #666;
    font-size: 16px;
    height: 90px;
    line-height: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    margin-bottom: 50px
}

.listZcfb-2 .moreBtn {
    min-width: 140px;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    border-radius: 48px;
    display: inline-block;
    background-color: #f29737;
    color: #fff
}

.listZcfb-2 .box:hover .pic img {
    transform: scale(1.1)
}

.listZcfb-2 .box:hover .title {
    color: #f29737
}

.listZcfb-2 .box:hover .date:after {
    width: 100%;
    background: #f29737
}

.listZcfb-2 .box:hover .moreBtn {
    background-color: #152587
}

@media screen and (max-width: 1024px) {
    .listZcfb-2 .pic {
        width: 100%
    }

    .listZcfb-2 .text {
        width: 100%;
        padding: 20px
    }

    .listZcfb-2 .date {
        padding-bottom: 20px;
        margin-bottom: 10px;
        font-size: 14px
    }

    .listZcfb-2 .date:after {
        width: 40px
    }

    .listZcfb-2 .date .day {
        font-size: 18px
    }

    .listZcfb-2 .title {
        font-size: 18px;
        height: 30px;
        line-height: 30px;
        margin-bottom: 10px
    }

    .listZcfb-2 .info {
        font-size: 14px;
        line-height: 24px;
        height: 48px;
        margin-bottom: 20px
    }

    .listZcfb-2 .moreBtn {
        min-width: 90px;
        line-height: 40px;
        font-size: 14px
    }
}

.jrfw {
    padding-top: 80px;
    padding-bottom: 100px
}

.jrfw .list li {
    padding-bottom: 60px
}

.jrfw .list li:last-child {
    padding-bottom: 0
}

.jrfw .list .box {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    border-radius: 20px;
    overflow: hidden;
    padding: 80px 80px
}

.jrfw .list .box .title {
    font-size: 0;
    color: #f29737;
    margin-bottom: 10px
}

.jrfw .list .box .info {
    font-size: 0;
    color: #f29737
}

.jrfw .list .box .btnDiv {
    padding-top: 30px
}

.jrfw .list .box .btnDiv a {
    display: inline-block;
    background-color: #f29737;
    min-width: 140px;
    line-height: 48px;
    border-radius: 24px;
    text-align: center;
    color: #fff;
    font-size: 16px
}

.jrfw .list .box .btnDiv a:hover {
    background-color: #152587
}

@media screen and (max-width: 1024px) {
    .jrfw {
        padding-top: 30px;
        padding-bottom: 40px
    }

    .jrfw .list li {
        padding-bottom: 20px
    }

    .jrfw .list li:last-child {
        padding-bottom: 0
    }

    .jrfw .list .box {
        padding: 40px 30px
    }

    .jrfw .list .box .title img {
        max-height: 27px
    }

    .jrfw .list .box .btnDiv {
        padding-top: 20px
    }

    .jrfw .list .box .btnDiv a {
        min-width: 120px;
        line-height: 40px;
        font-size: 14px
    }
}

@keyframes ripple {
    0% {
        opacity: 0;
        transform: scale(.1, .1)
    }
    5% {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: scale(1)
    }
}

.menuFooterM {
    display: none;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(154, 141, 141, 0.6);
    text-align: center;
    position: fixed;
    z-index: 999;
    left: 0;
    bottom: 0
}

.menuFooterM .list {
    justify-content: space-around;
    display: flex
}

.menuFooterM .list li:nth-child(1) .icon {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    margin: auto;
    background-color: #f29737
}

.menuFooterM .list li:nth-child(1).active .icon {
    background-color: #f29737
}

.menuFooterM .list .icon {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: auto
}

.menuFooterM .list .icon svg {
    fill: #9d9d9d;
    width: 20px;
    height: 20px;
    margin: 5px
}

.menuFooterM .list .title {
    line-height: 20px
}

.menuFooterM .list .active .title {
    color: #f29737
}

.menuFooterM .list .active .icon svg {
    fill: #f29737
}

@media screen and (max-width: 1024px) {
    .menuFooterM {
        display: block
    }
}

.prev-next-return {
    position: relative;
    font-size: 16px;
    color: #999;
    border-bottom: 1px #f29737 solid;
    padding-bottom: 20px
}

.prev-next-return .return {
    width: 90px;
    line-height: 32px;
    text-align: center;
    background-color: #f29737;
    color: #fff;
    position: absolute;
    bottom: -33px;
    right: 0
}

.prev-next-return .return:hover {
    background-color: #152587
}

.prev-next-return a {
    color: #999;
    display: block;
    overflow: hidden
}

.prev-next-return em {
    font-style: initial
}

.prev-next-return .list:after {
    display: none
}

.prev-next-return .prev, .prev-next-return .next {
    width: 100%;
    line-height: 30px;
    float: left;
    transition: all .5s;
    border-bottom: 1px #a2a2a2 dashed;
    padding-bottom: 4px;
    margin-bottom: 4px;
    overflow: hidden;
    position: relative;
    padding-left: 60px
}

.prev-next-return .prev span, .prev-next-return .next span {
    display: inline-block;
    background-color: #a2a2a2;
    color: #fff;
    width: 60px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0
}

.prev-next-return .prev a, .prev-next-return .next a {
    display: block;
    color: #333;
    line-height: 30px;
    height: 30px;
    padding: 0 60px 0 20px;
    padding-right: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important
}

.prev-next-return .prev em, .prev-next-return .next em {
    font-size: 14px;
    display: inline-block;
    color: #666;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0
}

.prev-next-return .prev:hover a, .prev-next-return .next:hover a {
    color: #f29737
}

.prev-next-return .prev:hover em, .prev-next-return .next:hover em {
    color: #666
}

.prev-next-return .next {
    border-bottom: none
}

@media screen and (max-width: 1024px) {
    .prev-next-return {
        padding-bottom: 10px;
        font-size: 14px
    }
}

.related-zcfb {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 80px
}

@media screen and (max-width: 1024px) {
    .related-zcfb {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media screen and (max-width: 640px) {
    .related-zcfb .nr {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        margin-left: -5px;
        margin-right: -5px
    }

    .related-zcfb .listZcfb {
        min-width: 600px;
        margin-left: 0;
        margin-right: 0
    }

    .related-zcfb .listZcfb li {
        width: 33.33333333%
    }

    .related-zcfb .listZcfb .text:before {
        height: 10px;
        background-size: cover;
        top: -10px
    }
}

.related-zhyz {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 80px
}

@media screen and (max-width: 1024px) {
    .related-zhyz {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media screen and (max-width: 640px) {
    .related-zhyz .nr {
        margin-left: -5px;
        margin-right: -5px
    }
}

.yhqsyBottom {
    margin-bottom: 80px;
    position: relative;
    color: #333;
    font-size: 14px
}

.yhqsyBottom .container {
    border: 1px solid #e9e9e9;
    background: #fff;
    position: relative;
    padding-left: 40px;
    padding-right: 160px;
    padding-bottom: 0
}

.yhqsyBottom .container:after {
    content: "";
    display: block;
    clear: both
}

.yhqsyBottom .qx {
    float: left;
    text-align: left;
    padding: 10px 0 10px 0;
    line-height: 16px;
    position: absolute;
    top: 0;
    left: 0
}

.yhqsyBottom .qx .checkboxDiv-2 {
    display: inline-block;
    vertical-align: top;
    padding-top: 7px;
    padding-bottom: 7px
}

.yhqsyBottom .flbar-coupon-info {
    margin-top: 10px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 17px;
    background: #f29737;
    overflow: hidden;
    color: #fff;
    cursor: pointer;
    position: relative
}

.yhqsyBottom .flbar-coupon-info:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 3px;
    height: 100%;
    background: url(../images/icon/semi-circle.png) repeat-y;
    left: 0;
    background-position: -3px 0
}

.yhqsyBottom .flbar-coupon-info:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 3px;
    height: 100%;
    background: url(../images/icon/semi-circle.png) repeat-y;
    right: 0;
    background-position: 0 0
}

.yhqsyBottom .flbar-coupon-info .amount {
    display: inline-block;
    line-height: 28px;
    color: #fff;
    vertical-align: top
}

.yhqsyBottom .flbar-coupon-info .amount strong {
    font-weight: 400;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    font-size: 22px
}

.yhqsyBottom .flbar-coupon-info .limit {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 0;
    margin-left: 8px;
    border-left: 1px solid #fff;
    padding-left: 8px;
    vertical-align: top;
    color: #75ca3f
}

.yhqsyBottom .submitBtn {
    background: #f29737;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    padding: 0 10px;
    min-width: 150px;
    text-align: center;
    height: 100%;
    padding: 0 0;
    line-height: 50px;
    position: absolute;
    top: -1px;
    right: -1px
}

.yhqsyBottom .submitBtn:hover {
    text-decoration: none;
    background: #152587
}

.yhqsyBottom .btns {
    float: left
}

.yhqsyBottom .btns > a {
    margin: 0 30px 0 0;
    color: #999
}

.yhqsyBottom .btns > a:hover {
    color: #333;
    text-decoration: underline
}

.yhqsyBottom .yxz-zongjia {
    float: right;
    text-align: right;
    line-height: 24px;
    padding-top: 1px;
    padding-bottom: 1px;
    height: 50px;
    display: flex;
    align-items: center
}

.yhqsyBottom .yxz-zongjia .qita {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #999
}

.yhqsyBottom .amount-zongjia {
    display: flex
}

.yhqsyBottom .yxz {
    color: #999;
    padding-right: 20px;
    margin-right: 20px;
    float: left;
    cursor: pointer;
    position: relative
}

.yhqsyBottom .yxz .num {
    vertical-align: top;
    color: #f29737;
    font-weight: 400;
    font-size: 13px
}

.yhqsyBottom .yxz .up {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 1px #aaa solid;
    border-top: 1px #aaa solid;
    position: absolute;
    top: 10px;
    right: 5px;
    overflow: hidden;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.yhqsyBottom .zongjia {
    float: left;
    line-height: 20px;
    color: #434343;
    text-align: right
}

.yhqsyBottom .zongjia .num {
    color: #f29737;
    font-size: 18px
}

.yhqsyBottom .zongjia .tooltip {
    cursor: pointer;
    position: relative
}

.yhqsyBottom .zongjia .tooltip .prompt {
    cursor: initial;
    width: 200px;
    display: none;
    text-align: center;
    position: absolute;
    z-index: 9;
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
    line-height: 1;
    padding-bottom: 10px
}

.yhqsyBottom .zongjia .tooltip .promptC {
    box-shadow: 1px 3px 15px -1px rgba(124, 124, 124, 0.5);
    padding: 10px 15px;
    background: #fff;
    position: relative
}

.yhqsyBottom .zongjia .tooltip .promptC:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
    width: 18px;
    height: 10px;
    background-image: url(../images/icon/arrow-down.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    overflow: hidden
}

.yhqsyBottom .zongjia .tooltip:hover .prompt {
    display: block
}

.yhqsyBottom.fixed {
    margin-bottom: 0;
    position: fixed;
    z-index: 9999;
    width: 100%;
    left: 0;
    bottom: 0
}

.yhqsyBottom.fixed .container {
    background: #fff;
    box-shadow: 0 -1px 8px rgba(0, 1, 1, 0.08)
}

.yhqsyBottom .selectedPro {
    background: rgba(102, 102, 102, 0.85);
    color: #fff;
    width: 100%;
    padding: 15px 15px;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 100%;
    display: none
}

.yhqsyBottom .selectedPro a {
    color: #fff
}

.yhqsyBottom .selectedPro .tit-1 {
    line-height: 30px
}

.yhqsyBottom .selectedPro li {
    float: left;
    padding: 0 2px 4px 2px
}

.yhqsyBottom .selectedPro .box {
    display: flex
}

.yhqsyBottom .selectedPro .pic {
    width: 75px;
    height: 60px;
    position: relative
}

.yhqsyBottom .selectedPro .text {
    width: 120px;
    padding-left: 10px;
    flex: 1
}

.yhqsyBottom .selectedPro .title {
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    margin-bottom: 10px
}

@media screen and (max-width: 1024px) {
    .yhqsyBottom {
        font-size: 12px
    }

    .yhqsyBottom .container {
        padding-left: 0;
        padding-right: 80px
    }

    .yhqsyBottom .flbar-coupon-info {
        display: none;
        padding-left: 0;
        padding-right: 0
    }

    .yhqsyBottom .flbar-coupon-info:before {
        display: none
    }

    .yhqsyBottom .flbar-coupon-info:after {
        display: none
    }

    .yhqsyBottom .flbar-coupon-info .text {
        display: none
    }

    .yhqsyBottom .flbar-coupon-info .amount {
        line-height: 18px
    }

    .yhqsyBottom .flbar-coupon-info .amount strong {
        display: block
    }

    .yhqsyBottom .flbar-coupon-info .limit {
        display: block
    }

    .yhqsyBottom .qx {
        top: -2px;
        left: 0;
        padding-top: 0;
        padding-bottom: 0
    }

    .yhqsyBottom .yxz {
        margin-right: 5px
    }

    .yhqsyBottom .yxz .span-1 {
        display: none
    }

    .yhqsyBottom .btns {
        display: none
    }

    .yhqsyBottom .submitBtn {
        display: flex;
        align-items: center;
        min-width: 60px;
        line-height: 20px;
        font-size: 14px;
        padding-left: 5px;
        padding-right: 5px
    }

    .yhqsyBottom .submitBtn span {
        display: none
    }

    .yhqsyBottom .selectedPro {
        width: calc(100% + 30px);
        left: -15px
    }

    .yhqsyBottom .selectedPro .pic {
        width: 60px;
        height: 48px
    }

    .yhqsyBottom.fixed {
        bottom: 60px
    }

    .yhqsyBottom.fixed .qx {
        left: 15px
    }

    .yhqsyBottom.fixed .selectedPro {
        width: 100%;
        left: 0
    }

    .yhqsyBottom .yxz-zongjia {
        float: none;
        padding-left: 15px
    }
}

@media screen and (max-width: 414px) {
    .yhqsyBottom .selectedPro li {
        width: 50%
    }
}

.zbgg-tbxxst {
    padding-top: 50px;
    padding-bottom: 20px
}

.zbgg-tbxxst .subMenu-2 {
    padding-bottom: 40px
}

@media screen and (max-width: 1024px) {
    .zbgg-tbxxst {
        padding-top: 20px
    }
}

.zbgg-tbxxst .subMenu-2 {
    padding-bottom: 20px
}

.zbgg {
    margin-bottom: 100px;
    border-radius: 20px;
    overflow: hidden;
    background-color: #ebf3fe
}

.zbgg .titleBig {
    background-color: #f18eb2;
    color: #173863;
    font-weight: 700;
    line-height: 90px;
    font-size: 36px;
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.zbgg .titleBig:after {
    content: "";
    display: block;
    width: 100%;
    height: 120%;
    background-color: #99b7dd;
    border-top-left-radius: 200px;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0
}

.zbgg .nr {
    font-size: 18px;
    line-height: 2;
    color: #666;
    padding: 50px 70px
}

.zbgg .p-1 {
    font-weight: 700;
    font-size: 24px;
    color: #333;
    margin-bottom: 10px;
    position: relative;
    display: flex;
    justify-content: space-between
}

.zbgg .p-1 .line {
    flex: 1;
    height: 36px;
    margin-left: 5px;
    margin-right: 5px;
    border-bottom: 1px #c6ccd5 solid
}

.zbgg .p-2 {
    display: flex;
    justify-content: space-between;
    padding-left: 35px;
    position: relative
}

.zbgg .p-2 .num {
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #f29737;
    color: #fff;
    text-align: center;
    line-height: 22px;
    position: absolute;
    top: 5px;
    left: 5px
}

.zbgg .p-2 .line {
    flex: 1;
    height: 30px;
    margin-left: 5px;
    border-bottom: 1px #c6ccd5 solid
}

.zbgg .lx {
    padding-bottom: 10px
}

.zbgg .lx li {
    width: 33.33333333%;
    float: left
}

.zbgg .lx .box {
    line-height: 30px;
    display: flex;
    flex-wrap: wrap
}

.zbgg .lx .icon {
    display: inline-block;
    width: 30px;
    height: 30px
}

.zbgg .lx .text {
    flex: 1;
    padding-left: 10px
}

@media screen and (max-width: 1024px) {
    .zbgg {
        margin-bottom: 40px
    }

    .zbgg .titleBig {
        font-size: 18px;
        line-height: 40px;
        border-radius: 10px
    }

    .zbgg .nr {
        padding: 20px 20px;
        font-size: 14px
    }

    .zbgg .p-1 {
        font-size: 18px;
        margin-bottom: 5px;
        line-height: 1.5
    }

    .zbgg .p-1 .line {
        height: 30px
    }

    .zbgg .p-2 .line {
        height: 20px
    }

    .zbgg .p-2 .num {
        top: 3px
    }

    .zbgg .lx .text {
        padding-left: 5px
    }
}

.tbxxst {
    margin-bottom: 100px;
    background-color: #ebf3fe;
    padding: 60px 75px 80px 75px;
    border-radius: 20px;
    overflow: hidden;
    position: relative
}

.tbxxst .anchor {
    width: 1px;
    height: 1px;
    position: absolute;
    top: -100px;
    left: 0
}

.tbxxst .titleBig {
    color: #173863;
    font-weight: 700;
    line-height: 1.5;
    font-size: 36px;
    text-align: center;
    border-bottom: 1px rgba(72, 123, 188, 0.2) solid;
    overflow: hidden;
    padding-bottom: 30px;
    position: relative;
    z-index: 1
}

.tbxxst .nr {
    font-size: 18px;
    line-height: 2;
    color: #666;
    padding: 50px 0 0 0
}

.tbxxst .list {
    margin-left: -15px;
    margin-right: -15px;
    position: relative
}

.tbxxst .list li {
    width: 100%;
    float: left;
    padding: 0 15px 30px 15px;
    position: relative
}

.tbxxst .list li:last-child {
    padding-bottom: 0
}

.tbxxst .list .box {
    position: relative
}

.tbxxst .list .bt {
    color: #333;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 15px
}

.tbxxst .list .xh {
    color: #f29737;
    margin-left: 5px
}

.tbxxst .list .green {
    color: #03bf84;
    margin-right: 5px;
    position: absolute;
    top: 14px;
    left: 10px
}

.tbxxst .list .input-form, .tbxxst .list .textarea-form {
    background-color: #fff;
    border-radius: 3px;
    color: #333;
    vertical-align: middle;
    border: none;
    border: #ced4da solid 1px;
    padding: 0 20px;
    line-height: 38px;
    font-size: 14px;
    width: 100%
}

.tbxxst .list .input-form:focus, .tbxxst .list .textarea-form:focus {
    border-color: #f29737
}

.tbxxst .list .input-form::-webkit-input-placeholder, .tbxxst .list .textarea-form::-webkit-input-placeholder {
    color: rgba(20, 20, 20, 0.5)
}

.tbxxst .list .input-form:-ms-input-placeholder, .tbxxst .list .textarea-form:-ms-input-placeholder {
    color: rgba(20, 20, 20, 0.5)
}

.tbxxst .list .input-form:-moz-placeholder, .tbxxst .list .textarea-form:-moz-placeholder {
    color: rgba(20, 20, 20, 0.5)
}

.tbxxst .list .input-form:placeholder, .tbxxst .list .textarea-form:placeholder {
    color: rgba(20, 20, 20, 0.5)
}

.tbxxst .list .input-form {
    height: 40px
}

.tbxxst .list .textarea-form {
    line-height: 30px;
    padding: 10px 20px 10px 20px;
    width: 100%;
    min-height: 110px
}

.tbxxst .list .textarea-form:focus {
    border: #f29737 solid 1px
}

.tbxxst .list .col-2 {
    width: 50%;
    float: left;
    position: relative;
    text-align: left
}

.tbxxst .list .upload-drag {
    cursor: pointer;
    display: block;
    margin-top: 10px;
    border-radius: 10px;
    color: #1864c7;
    border: 1px #929fac dashed;
    background: #fff;
    text-align: left;
    font-size: 14px;
    padding: 15px 20px;
    position: relative
}

.tbxxst .list .upload-drag:hover {
    border-color: #f29737
}

.tbxxst .list .upload-drag .txt {
    padding-left: 10px
}

.tbxxst .list .uploadFile-2 {
    display: flex;
    align-items: center
}

.tbxxst .list .layui-hide {
    display: none
}

.tbxxst .list .agree-btn .box {
    overflow: hidden
}

.tbxxst .list .agree {
    color: #000;
    line-height: 30px;
    font-size: 16px;
    float: left
}

.tbxxst .list .agree a {
    color: #2dad69
}

.tbxxst .list .agree a:hover {
    text-decoration: underline;
    color: #f29737
}

.tbxxst .list .btnDiv {
    text-align: center
}

.tbxxst .list .submit, .tbxxst .list .reset {
    font-size: 16px;
    display: inline-block;
    min-width: 200px;
    border-radius: 3px;
    text-align: center;
    line-height: 50px;
    height: 50px;
    border: none;
    cursor: pointer;
    overflow: hidden;
    margin: 0 5px;
    position: relative;
    z-index: 1;
    transition: all .5s
}

.tbxxst .list .submit {
    background: #f29737;
    color: #fff
}

.tbxxst .list .submit:hover {
    background-color: #152587
}

.tbxxst .list .reset {
    background: #ebebeb;
    color: #666
}

.tbxxst .list .reset:hover {
    background-color: #dedede
}

.tbxxst .list .layui-form-checkbox[lay-skin=primary] > div {
    font-size: 16px;
    color: #000;
    padding-right: 0
}

.tbxxst .list .yanzheng .editDiv {
    position: relative
}

.tbxxst .list .yzmImg {
    height: 50px;
    width: 160px;
    position: absolute;
    top: 1px;
    right: 1px
}

@media screen and (max-width: 1024px) {
    .tbxxst {
        padding: 30px 20px 40px 20px;
        margin-bottom: 40px
    }

    .tbxxst .titleBig {
        font-size: 18px;
        padding-bottom: 20px
    }

    .tbxxst .nr {
        font-size: 16px;
        padding-top: 20px
    }

    .tbxxst .list .col-2 {
        width: 100%
    }

    .tbxxst .list .bt {
        font-size: 14px
    }

    .tbxxst .list .upload-drag .img {
        height: 40px
    }

    .tbxxst .list .input-form, .tbxxst .list .textarea-form {
        font-size: 13px;
        padding-left: 15px;
        padding-right: 15px
    }

    .tbxxst .list .textarea-form {
        line-height: 24px
    }

    .tbxxst .list .agree {
        font-size: 14px
    }

    .tbxxst .list .layui-form-checkbox[lay-skin=primary] > div {
        font-size: 14px
    }

    .tbxxst .list .submit, .tbxxst .list .reset {
        min-width: 120px;
        font-size: 14px;
        text-align: center;
        line-height: 40px;
        height: 40px;
        border-radius: 3px;
        padding: 0 10px;
        border: none;
        margin: 0 5px
    }
}

.elevator {
    background: #fff;
    border-radius: 8px 0 0 8px;
    bottom: 50%;
    box-shadow: -2px 0 30px 2px rgba(97, 105, 119, 0.18);
    position: fixed;
    right: 0;
    transform: translateY(50%);
    z-index: 100;
    width: 48px;
    font-size: 12px;
    text-align: center;
    overflow: hidden
}

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

.elevator .elevator_item {
    position: relative;
    height: 60px;
    display: flex;
    align-items: center
}

@media (min-width: 1025px) {
    .elevator .elevator_item:hover {
        background: #f29737
    }

    .elevator .elevator_item:hover a {
        color: #fff
    }

    .elevator .elevator_item:hover a img {
        filter: brightness(0) invert(1)
    }
}

.elevator a {
    display: block;
    overflow: hidden;
    width: 100%
}

.elevator a img {
    display: block;
    width: 24px;
    margin: 0 auto
}

.elevator .count {
    background: #f29737;
    border-radius: 8px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font: 10px/16px JDZhengHeiVRegular2-1, "system-ui";
    line-height: 16px;
    min-width: 16px;
    padding: 0 3px;
    position: absolute;
    right: 4px;
    text-align: center;
    top: 4px;
    z-index: 4
}

.elevator .count.empty {
    min-height: 8px;
    min-width: 8px;
    right: 4px;
    top: 4px
}

.elevator .elevator_bottom {
    position: relative;
    height: 60px;
    display: flex;
    align-items: center
}

@media (min-width: 1025px) {
    .elevator .elevator_bottom:hover {
        background: #f29737
    }

    .elevator .elevator_bottom:hover a {
        color: #fff
    }

    .elevator .elevator_bottom:hover a img {
        filter: brightness(0) invert(1)
    }
}

@media (max-width: 1750px) {
    .about0 .container {
        max-width: 1400px
    }

    .product0 .container {
        max-width: 1400px
    }

    .product-show0 .container {
        max-width: 1400px !important
    }

    .jiesuan-index .container-2 {
        max-width: 1400px
    }

    .news0 .container {
        max-width: 1400px
    }

    .header > .container {
        max-width: 1400px
    }

    .header .logo {
        margin-left: 0
    }

    .header .search-other {
        padding-right: 0
    }

    .youshi li .num span {
        font-size: 50px
    }

    .youshi li .num i {
        font-size: 50px
    }

    .about01 .right .p {
        font-size: 16px;
        line-height: 30px;
        height: 330px
    }

    .about02 .right .p {
        font-size: 16px;
        line-height: 30px
    }

    .about04 .right .p {
        font-size: 16px;
        line-height: 30px
    }

    .about05 .p {
        font-size: 16px;
        line-height: 30px
    }

    .about03 .about-bottom ul li .box .p {
        font-size: 16px;
        line-height: 30px;
        min-height: 60px
    }

    .about03 .about-bottom ul li .box .bt {
        font-size: 24px
    }
}

@media (max-width: 1600px) {
    .about0 .container {
        max-width: 1280px
    }

    .product0 .container {
        max-width: 1280px
    }

    .product-show0 .container {
        max-width: 1280px !important
    }

    .jiesuan-index .container-2 {
        max-width: 1280px
    }

    .news0 .container {
        max-width: 1280px
    }

    .header > .container {
        max-width: 1280px
    }

    .navM .navMCon {
        max-width: 345px
    }

    .navM .main_logo {
        max-width: 254px;
        margin: 50px 20px 16px 64px
    }

    .navM ul li .bt {
        font-size: 20px;
        line-height: 60px
    }

    .navM ul li .tu {
        width: 32px
    }

    .navM ul li .box {
        padding-left: 50px
    }

    .navM ul {
        padding-left: 64px
    }

    .navM .ban img {
        width: 264px
    }

    .navM .ban {
        padding-left: 64px
    }

    .home-main {
        padding: 90px 0 0 345px
    }

    .home-show .home-info .img .hover {
        padding: 100px 76px
    }

    .home-show .home-info .img .hover .title {
        font-size: 40px
    }

    .home-show .home-info .img .hover .jsh {
        font-size: 16px;
        line-height: 30px
    }

    .home-show .home-info .item .bt {
        font-size: 16px
    }

    .home-show .home-info .item .text {
        padding: 4px 15px
    }

    .home-show .home-info .item .span {
        line-height: 24px
    }

    .home-show .home-info .chanpin {
        padding: 30px 76px
    }

    .more a {
        font-size: 14px;
        line-height: 36px;
        width: 180px;
        height: 38px;
        padding: 0 20px
    }

    .header .header-search .hd_search_area .select_box {
        min-width: 180px
    }

    .header {
        font-size: 14px
    }

    .header .header-search .hd_search_area {
        width: 500px
    }

    .header .other > span {
        font-size: 16px
    }

    .header .other {
        font-size: 16px
    }

    .header .logo {
        margin-left: 57px
    }

    .header .search-other {
        padding-right: 0
    }

    .accessories-list li .h3 a {
        font-size: 18px
    }

    .accessories-list li .price span b {
        font-size: 22px
    }

    .accessories-list li .jiagou a {
        font-size: 16px
    }

    .accessories-list li .select select {
        font-size: 14px
    }

    .home-title h2 {
        font-size: 34px
    }

    .product-show .anli ul li .bt {
        font-size: 16px
    }

    .product-show .hd .jiagou a {
        font-size: 16px
    }

    .product-show .hd .bt {
        font-size: 30px;
        margin-bottom: 22px
    }

    .product-show .hd .infoBox .price .estshipdate {
        font-size: 14px
    }

    .product-show .hd .infoBox dt {
        font-size: 14px
    }

    .product-show .hd .infoBox .price b {
        font-size: 16px
    }

    .product-show .hd .addCartArea select {
        font-size: 14px
    }

    .product-show .hd .zhonglei .title {
        font-size: 14px
    }

    .product-show .hd .other_area .oth_left_box .box_top .download_txt, .product-show .hd .other_area .oth_left_box .box_top .print_txt {
        font-size: 14px
    }

    .product-show .hd .detailList dl {
        font-size: 14px
    }

    .product-show .chakan a {
        font-size: 18px
    }

    .product0-list .bt {
        font-size: 18px
    }

    .product0-list .span {
        line-height: 22px
    }

    .cart-index .operationFt .submitBtn {
        font-size: 16px
    }

    .product-title {
        font-size: 30px
    }

    .second-nav ul li a {
        font-size: 14px;
        padding: 0 20px
    }

    .contact01 .left .f3 {
        font-size: 16px
    }

    .contact01 .left .cshare ul li {
        width: 60px;
        margin-right: 15px
    }

    .home-title p {
        font-size: 55px
    }

    .home-title {
        line-height: 60px
    }

    .contact02 .filter-checkbox label, .contact02 .btn2 label {
        font-size: 14px
    }

    .contact02 .input-form, .contact02 select, .contact02 textarea {
        font-size: 14px
    }

    .contact02 .red {
        font-size: 14px
    }

    .faq ul li .bt {
        font-size: 22px
    }

    .faq ul li .p {
        font-size: 16px;
        line-height: 30px
    }

    .newslist li .text .date span {
        font-size: 40px
    }

    .newslist li .text .bt {
        font-size: 20px
    }

    .newslist li .text .more p {
        font-size: 14px
    }

    .news-info {
        font-size: 16px
    }

    .product-show .hd .zixun p {
        font-size: 18px
    }

    .product-show .hd .r_btn {
        font-size: 16px
    }

    .videolist .bt {
        font-size: 16px
    }

    .zhaq .listZhaq .btn-1 {
        font-size: 14px
    }

    .zhaq .listZhaq .title {
        font-size: 18px
    }
}

@media (max-width: 1300px) {
    .header .other > span {
        font-size: 14px
    }

    .header .other {
        font-size: 14px
    }

    .header .other .bn {
        padding: 0 20px
    }

    .header .header-search .hd_search_area {
        width: 450px
    }

    .header .header-search .hd_search_area .select_box {
        min-width: 165px
    }

    .header .other > span {
        margin-left: 15px
    }

    .header .other .loginAfter {
        margin-left: 15px
    }

    .header .other {
        padding-left: 15px
    }

    .bread {
        padding: 15px 0;
        margin-bottom: 20px
    }

    .navM .main_logo {
        margin: 50px 20px 16px 30px
    }

    .navM ul {
        padding-left: 30px
    }

    .navM .ban {
        padding-left: 30px
    }

    .home-show .home-info .chanpin {
        padding: 30px 36px
    }

    .home-show .home-info .img .hover {
        padding: 60px 36px
    }

    .product0-list .bt {
        line-height: 30px
    }

    .accessories-list li .jiagou a {
        font-size: 14px
    }

    .about01 .right .p {
        font-size: 14px;
        line-height: 24px;
        height: 240px
    }

    .about02 .right .p {
        font-size: 14px;
        line-height: 24px
    }

    .about04 .right .p {
        font-size: 14px;
        line-height: 24px
    }

    .about05 .p {
        font-size: 14px;
        line-height: 24px
    }

    .about03 .about-bottom ul li .box .p {
        font-size: 14px;
        line-height: 24px;
        min-height: 48px
    }

    .product-show .anli ul li .bt {
        font-size: 14px
    }

    .product-show .chakan a {
        font-size: 14px;
        width: 190px;
        line-height: 40px;
        padding: 0 20px
    }

    .product-show .chakan a span {
        margin-left: 17px;
        margin-top: -3px
    }

    .faq ul li .p {
        font-size: 14px;
        line-height: 24px
    }

    .faq ul li .bt {
        font-size: 18px
    }

    .downlist li .tit {
        font-size: 16px
    }

    .jiesuan-index .shopping-list .right .div-1 .div-1-2 {
        font-size: 14px
    }

    .news-info {
        font-size: 14px;
        line-height: 24px
    }

    .list-page .prev, .list-page .next {
        font-size: 14px
    }

    .newslist li .text .p {
        font-size: 14px;
        line-height: 24px;
        height: 72px
    }

    .filterPro {
        font-size: 14px
    }

    .product-show .hd .p {
        font-size: 14px;
        line-height: 24px
    }

    .product-show .hd .bt {
        font-size: 24px
    }

    .product-show .hd .other_area .oth_right_box .material_area .table_area .L_dl {
        font-size: 14px
    }

    .product-show .hd .jiagou a {
        font-size: 14px
    }

    .product-show .hd .r_btn {
        font-size: 14px
    }
}

@media (max-width: 1200px) {
    .navM ul li .bt {
        font-size: 18px;
        line-height: 50px
    }

    .navM ul li .tu {
        width: 22px
    }

    .navM ul li .box {
        padding-left: 30px
    }

    .navM .main_logo {
        max-width: 254px;
        margin: 30px 34px 16px 34px
    }

    .navM .navMCon {
        max-width: 300px
    }

    .navM ul {
        padding-left: 34px
    }

    .navM .ban {
        padding-left: 34px;
        padding-right: 34px
    }

    .home-main {
        padding: 90px 0 0 300px
    }

    .home-show .home-info .img .hover {
        padding: 80px 46px
    }

    .home-show .home-info .chanpin {
        padding: 20px 46px
    }

    .header .header-search .hd_search_area {
        width: 400px
    }
}

@media (max-width: 1024px) {
    table td {
        font-size: 14px;
        line-height: 24px;
        padding: 5px 10px
    }

    .product-show .hd .detailList dl dt {
        width: 100%;
        padding: 10px 0
    }

    .product-show .hd .detailList dl {
        font-size: 14px;
        display: block
    }

    .product-show .hd .detailList dl dd {
        width: 100%;
        margin-left: auto;
        padding: 0 0 10px 0;
        border-bottom: none;
        border-top: 0
    }

    .header .other > span {
        display: none
    }

    .navM .navMCon {
        left: -100% !important
    }

    .navM.open .navMCon {
        left: 0 !important
    }

    .home-main {
        padding: 60px 0 60px 0
    }

    .header {
        height: 60px
    }

    .header .logo {
        left: 20px;
        margin: 0;
        width: 120px
    }

    .header .other .bn {
        display: block
    }

    .home-show .home-info {
        height: auto;
        min-height: 0;
        margin-bottom: 20px;
        position: relative
    }

    .home-show .home-info .chanpin {
        padding: 20px 20px;
        position: relative;
        bottom: auto;
        left: auto
    }

    .home-show .home-info .img {
        height: 40vh;
        width: 100%
    }

    .home-show .home-info:nth-last-child(1) {
        margin-bottom: 0
    }

    .header .search-other {
        display: none
    }

    .home-show .home-info .img .hover .jsh {
        width: 60%
    }

    .home-show .home-info .img .hover {
        padding: 40px 20px
    }

    .home-show .home-info .img .hover .title {
        font-size: 30px
    }

    .home-show .home-info .img .hover .jsh {
        font-size: 14px;
        line-height: 24px;
        padding: 15px;
        min-height: 0;
        margin-top: 12px
    }

    .navPhoneBtn {
        display: block;
        left: auto;
        right: 20px
    }

    .home-show .home-info .item {
        width: 100%;
        margin-right: 16px
    }

    .loginWrap, .registerWrap {
        min-height: calc(100vh - 120px);
        margin-bottom: 60px
    }

    .height {
        top: -60px
    }

    .height1 {
        height: 60px
    }

    .second-nav {
        margin: 0 -10px;
        margin-bottom: 25px
    }

    .second-nav ul li a {
        padding: 0 8px;
        font-size: 12px;
        line-height: 33px
    }

    .second-nav ul li {
        padding: 0 3px;
        margin-bottom: 5px
    }

    .filterPro .left > a {
        padding: 0 15px
    }

    .faq {
        padding: 0
    }

    .second-nav {
        margin-bottom: 25px
    }

    .faq ul li .p {
        padding: 20px 20px
    }

    .elevator {
        display: none
    }

    .downlist {
        padding: 0 0 20px 0
    }

    .downlist ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 15px;
        grid-column-gap: 15px
    }

    .downlist li a {
        padding: 20px;
        display: flex
    }

    .downlist li .tu {
        width: 30%
    }

    .downlist li .txtbox {
        width: 70%;
        padding-left: 20px
    }

    .downlist li .tit {
        font-size: 16px;
        line-height: 27px
    }

    .downlist li .tag {
        font-size: 12px;
        line-height: 20px;
        margin: 21px 0 11px 0
    }

    .downlist li .dow {
        font-size: 14px;
        line-height: 42px;
        width: 134px;
        border-radius: 2px;
        padding: 0 30px
    }

    .downlist li .dow svg {
        width: 20px;
        height: 42px;
        margin-left: 10px
    }

    .videolist {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 15px;
        grid-column-gap: 15px;
        padding-top: 0;
        padding-bottom: 22px
    }

    .videolist .bt {
        font-size: 16px;
        line-height: 46px;
        height: 46px;
        padding: 0 22px
    }

    .news-show .left1 {
        width: 100%;
        padding: 20px
    }

    .news-show .right1 {
        width: 100%;
        padding: 20px;
        position: relative;
        top: auto
    }

    .h01 {
        font-size: 26px;
        line-height: 42px
    }

    .h02 {
        font-size: 14px;
        margin-top: 17px;
        line-height: 30px;
        padding-bottom: 14px
    }

    .h02 span {
        margin-right: 10px
    }

    .fenxiang {
        position: relative;
        float: right
    }

    .fenxiang span {
        display: block;
        float: left;
        line-height: 30px
    }

    .fenxiang .fr {
        float: right;
        margin-right: 0
    }

    .fenxiang .fr a {
        display: block;
        float: left;
        width: 30px
    }

    .news-info {
        font-size: 14px;
        line-height: 24px;
        color: #4d4d4d;
        padding-bottom: 24px;
        border-bottom: 1px solid #dfdfdf;
        padding-top: 30px
    }

    .news-info img {
        display: block;
        margin-bottom: 20px
    }

    .news-info p {
        margin-bottom: 10px
    }

    .list-page {
        text-align: center;
        width: 100%;
        margin-top: 27px
    }

    .list-page .return {
        display: inline-block;
        vertical-align: top;
        color: #152587;
        padding: 0 20px;
        line-height: 40px;
        height: 40px;
        padding-top: 0;
        background: url(../images/return.png) no-repeat center center;
        background-size: 16px;
        font-size: 0
    }

    .list-page .prev, .list-page .next {
        width: 40%;
        font-size: 16px;
        line-height: 40px;
        color: #7a7a7a
    }

    .list-page .prev .el, .list-page .next .el {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap !important;
        display: none
    }

    .list-page .prev a:hover, .list-page .next a:hover {
        color: #152587
    }

    .list-page .prev {
        text-align: left;
        float: left
    }

    .list-page .prev span {
        padding-left: 20px;
        background: url(../images/prev-01.png) no-repeat center left;
        background-size: 8px
    }

    .list-page .prev .el {
        padding-left: 20px
    }

    .list-page .next {
        text-align: right;
        float: right
    }

    .list-page .next span {
        padding-right: 20px;
        background: url(../images/next-01.png) no-repeat center right;
        background-size: 8px
    }

    .list-page .next .el {
        padding-right: 20px
    }

    .contact01 {
        padding: 0 0 0 0
    }

    .contact01 .left {
        width: 100%;
        float: left;
        position: relative;
        z-index: 1;
        padding-bottom: 10px
    }

    .contact01 .left .home-title {
        text-align: left;
        position: relative
    }

    .contact01 .left .f3 {
        font-size: 14px;
        line-height: 22px;
        color: #616161;
        padding-top: 18px
    }

    .contact01 .left .f3 p {
        position: relative;
        padding: 10px 0;
        padding-left: 62px;
        margin-bottom: 6px
    }

    .contact01 .left .f3 p i {
        position: absolute;
        top: 0;
        left: 0;
        width: 42px;
        height: 42px;
        border-radius: 50%;
        background: #e8eff6;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .contact01 .left .f3 p img, .contact01 .left .f3 p svg {
        width: 20px;
        height: 20px;
        display: block;
        margin: 0 auto;
        fill: #f29737
    }

    .contact01 .left .f3 a {
        color: rgba(255, 255, 255, 0.68)
    }

    .contact01 .left .cshare {
        padding-top: 15px
    }

    .contact01 .left .cshare ul li {
        width: 50px;
        margin-right: 17px;
        float: left;
        text-align: center;
        position: relative;
        cursor: pointer
    }

    .contact01 .left .cshare ul li .bt {
        font-size: 14px;
        line-height: 32px
    }

    .contact01 .left .cshare ul li .hover {
        position: absolute;
        top: 100%;
        width: 140px;
        background: #fff;
        color: #fff;
        display: none;
        z-index: -1;
        border-radius: 5px;
        padding: 5px;
        left: 50%;
        margin-left: -70px;
        text-align: center;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
    }

    .contact01 .left .cshare ul li .hover img {
        display: block
    }

    .contact01 .left .cshare ul li .hover::after {
        content: '';
        border: 8px solid transparent;
        border-bottom-color: #fff;
        width: 0;
        height: 0;
        margin: 0 auto;
        position: absolute;
        top: -16px;
        left: 0;
        right: 0
    }

    .contact01 .right {
        float: right;
        width: 100%;
        position: relative;
        z-index: 3
    }

    .contact02 {
        padding: 40px 0;
        position: relative
    }

    .contact02 .home-title {
        text-align: center;
        position: relative
    }

    .contact02 .inside-message {
        margin-top: 25px;
        padding: 22px;
        background: #fff;
        box-shadow: 0 0 30px 0 rgba(3, 0, 0, 0.1);
        border-radius: 20px
    }

    .contact02 .inside-message .list {
        position: relative
    }

    .contact02 .inside-message li {
        width: 100% !important;
        float: left;
        padding: 0 6px 15px 6px;
        position: relative
    }

    .contact02 .inside-message .box {
        position: relative
    }

    .contact02 .input-form, .contact02 select, .contact02 textarea {
        height: 55px;
        width: 100%;
        border: none;
        border-bottom: 1px solid #eaeaea;
        background: none;
        font-size: 14px;
        padding-left: 88px;
        color: #959595
    }

    .contact02 .input-form1 {
        padding-left: 108px
    }

    .contact02 .red {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 14px;
        line-height: 55px;
        color: #333
    }

    .contact02 .red font {
        color: #f00
    }

    .contact02 .red img {
        width: 20px;
        display: inline-block;
        vertical-align: top;
        margin-top: 18px;
        margin-right: 9px
    }

    .contact02 .verifyDiv {
        float: left
    }

    .contact02 .span {
        color: #f00;
        display: block;
        padding-left: 18px
    }

    .contact02 .span span {
        font-size: 14px;
        line-height: 43px;
        color: #08060b
    }

    .contact02 textarea {
        padding-top: 51px;
        height: 159px;
        padding-left: 30px
    }

    .contact02 .more {
        float: left;
        margin-top: 20px
    }

    .contact02 .more a {
        width: 179px;
        line-height: 50px;
        height: 50px;
        background-color: #f09833;
        border-radius: 24px;
        display: block;
        text-align: center
    }

    .contact02 .btn2 {
        margin-top: 0
    }

    .contact02 .filter-checkbox label, .contact02 .btn2 label {
        float: left;
        font-size: 16px;
        line-height: 50px;
        color: #333;
        cursor: pointer;
        margin-right: 0;
        width: 100%
    }

    .contact02 .filter-checkbox label input[type='checkbox'], .contact02 .btn2 label input[type='checkbox'], .contact02 .filter-checkbox label input[type='radio'], .contact02 .btn2 label input[type='radio'] {
        cursor: pointer;
        position: relative;
        width: 16px;
        height: 16px;
        line-height: 16px;
        font-size: 14px;
        overflow: hidden;
        border-radius: 0;
        border: 1px solid #fff;
        margin-top: -3px
    }

    .contact02 .filter-checkbox label input[type='checkbox']::after, .contact02 .btn2 label input[type='checkbox']::after, .contact02 .filter-checkbox label input[type='radio']:after, .contact02 .btn2 label input[type='radio']:after {
        position: absolute;
        top: 0;
        color: #000;
        width: 16px;
        height: 16px;
        display: inline-block;
        visibility: visible;
        padding-left: 0;
        text-align: center;
        content: ' '
    }

    .contact02 .filter-checkbox label input[type='checkbox']:checked::after, .contact02 .btn2 label input[type='checkbox']:checked::after, .contact02 .filter-checkbox label input[type='radio']:checked::after, .contact02 .btn2 label input[type='radio']:checked::after {
        content: '✓';
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        background: var(--main-color)
    }

    .contact02 .filter-checkbox label input[type='radio'], .contact02 .btn2 label input[type='radio'] {
        border-radius: 50%;
        overflow: hidden
    }

    .contact02 .filter-checkbox label input[type='radio']:checked::after, .contact02 .btn2 label input[type='radio']:checked::after {
        content: '●';
        border-radius: 50%;
        background: var(--main-color)
    }

    .contact02 .filter-checkbox .col-2, .contact02 .btn2 .col-2 {
        float: left;
        width: 100%
    }

    .verify-wrap {
        width: 290px !important
    }

    .product0-list {
        margin: 0 -8px
    }

    .product0-list li {
        width: 25%;
        padding: 0 8px 16px 8px
    }

    .accessories-list li {
        width: 25%;
        padding: 0 8px 17px 8px
    }

    .accessories-list li .tu .acin {
        top: 10px;
        left: 10px
    }

    .inside {
        margin-bottom: 60px
    }

    .product-show .anli ul {
        margin: 0 -5px;
        overflow: hidden
    }

    .product-show .anli ul li {
        width: 20%;
        float: left;
        margin-top: 10px;
        padding: 0 5px
    }

    .product-show .hd {
        padding-top: 0
    }

    .product-show .hd .bt {
        margin-bottom: 12px
    }

    .product-show .hd .addCartArea {
        padding: 20px;
        margin-top: 20px;
        line-height: 38px
    }

    .product-show .hd .other_area .oth_left_box {
        flex: 0 0 100%;
        width: 100%
    }

    .product-show .hd .other_area .oth_right_box {
        flex: 0 0 100%;
        width: 100%;
        padding-top: 20px
    }

    .product-show .hd .other_area {
        margin-bottom: 25px;
        display: block;
        margin-top: 25px
    }

    .product-show .hd .r_btn {
        font-size: 14px;
        width: 200px
    }

    .product-show .hd .other_area .oth_left_box .box_top {
        padding: 15px
    }

    .product-show .hd .other_area .oth_right_box .cost_area {
        padding-top: 19px;
        padding-bottom: 27px
    }

    .cart-index .likePro {
        padding-top: 20px;
        line-height: 30px
    }

    .product-show .hd .other_area .oth_right_box .swiper-area .swiper-slide {
        padding: 0 20px
    }

    .about01 {
        padding-top: 0;
        padding-bottom: 40px
    }

    .about01 .left {
        width: 100%
    }

    .about01 .left img {
        width: 100%
    }

    .about01 .left .hover {
        background-size: 32px
    }

    .about01 .right {
        width: 100%;
        padding-top: 10px
    }

    .about01 .right .p {
        font-size: 14px;
        line-height: 24px;
        height: auto;
        overflow: hidden;
        padding-right: 10px;
        margin-top: 6px
    }

    .youshi {
        font-size: 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 20px;
        grid-column-gap: 20px;
        margin-top: 20px;
        margin-bottom: 27px
    }

    .youshi li .tu {
        width: 55px
    }

    .youshi li .num {
        font-size: 36px;
        color: #f19731;
        height: 55px;
        line-height: 55px;
        font-family: var(--Poppins-SemiBold);
        padding-left: 60px
    }

    .youshi li .num span {
        font-size: 36px
    }

    .youshi li .num i {
        font-size: 36px;
        line-height: 55px
    }

    .youshi li .h3 {
        font-size: 14px
    }

    .vr-card {
        height: 420px
    }

    .about02 {
        padding: 40px 0
    }

    .about02 .nr {
        padding-top: 25px
    }

    .about02 .left {
        width: 100%
    }

    .about02 .left .swiper-tu .tu img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .about02 .right {
        width: 100%;
        padding-top: 10px
    }

    .about02 .right .p {
        font-size: 14px;
        line-height: 24px
    }

    .about02 .right .p p {
        margin-bottom: 9px
    }

    .about03 {
        padding: 40px 0 0 0
    }

    .about03 .about-bottom {
        margin-top: 25px
    }

    .about03 .about-bottom ul {
        display: block
    }

    .about03 .about-bottom ul li {
        width: 50% !important
    }

    .about03 .about-bottom ul li .box {
        height: auto;
        border-right: 1px solid rgba(255, 255, 255, 0.5);
        border-bottom: 1px solid rgba(255, 255, 255, 0.5)
    }

    .about03 .about-bottom ul li .box .text {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        width: 100%;
        padding: 30px
    }

    .about03 .about-bottom ul li .box .tu {
        width: 40px
    }

    .about03 .about-bottom ul li .box .bt {
        font-size: 22px;
        margin-top: 48px;
        margin-bottom: 24px
    }

    .about03 .about-bottom ul li .box .p {
        font-size: 14px;
        line-height: 24px;
        min-height: 48px;
        opacity: 1
    }

    .about04 {
        padding: 40px 0
    }

    .about04 .nr {
        padding-top: 25px
    }

    .about04 .left {
        width: 100%
    }

    .about04 .left img {
        width: 100%
    }

    .about04 .right {
        width: 100%;
        padding-top: 10px
    }

    .about04 .right .p {
        font-size: 14px;
        line-height: 24px
    }

    .about04 .right .p p {
        margin-bottom: 9px
    }

    .about05 {
        padding: 40px 0
    }

    .about05 .p {
        font-size: 14px;
        line-height: 24px;
        margin-top: 7px;
        margin-bottom: 24px
    }

    .about05 {
        background: url(../images/bg7.png) no-repeat top center;
        background-size: cover
    }

    .about05 .abg {
        background: url(../images/bg8.png) no-repeat bottom center;
        overflow: hidden
    }

    .about05 .ht {
        margin-bottom: 37px
    }

    .about05 .home-bottom {
        margin-top: 25px;
        padding-bottom: 100px
    }

    .about05 .honorlist li {
        margin-right: 23px;
        width: 20%
    }

    .about05 .honorlist li .box {
        padding: 7px;
        background: #fff;
        position: relative
    }

    .about05 .honorlist li .box:before {
        content: '';
        display: block;
        background: rgba(241, 151, 49, 0.78);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 44;
        opacity: 0;
        transition: .5s
    }

    .about05 .honorlist li .tu:after {
        padding-bottom: 138.88888889%
    }

    .about05 .honorlist li .bt {
        font-size: 20px;
        line-height: 72px;
        color: #fff;
        text-align: center;
        padding: 0 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap !important;
        position: absolute;
        top: 50%;
        width: 100%;
        left: 0;
        transform: translateY(-50%);
        z-index: 344;
        opacity: 0;
        transition: .5s
    }

    .about05 .gundong {
        font-size: 14px;
        line-height: 30px;
        color: #2d2e2e;
        background: url(../images/gundong.png) no-repeat center left;
        background-size: 18px;
        padding-left: 30px;
        display: inline-block;
        vertical-align: top
    }

    .news {
        padding-top: 0
    }

    .news-show .right1 {
        margin-top: 20px
    }

    .news-show .nr {
        padding-bottom: 20px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .contact01 .left .cshare ul li:hover .hover {
        display: block
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .about05 .honorlist li:hover .box:before {
        opacity: 1
    }

    .about05 .honorlist li:hover .bt {
        opacity: 1
    }
}

@media (max-width: 767px) {
    .newslist li {
        margin-bottom: 30px
    }

    .newslist li .box {
        min-height: 0;
        padding-left: 0;
        padding-top: 0
    }

    .newslist li .tu {
        width: 100%;
        position: relative;
        top: auto;
        left: auto
    }

    .newslist li .tu img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .newslist li .text {
        padding: 21px
    }

    .newslist li .text .date {
        position: relative;
        top: auto;
        left: auto;
        display: none
    }

    .newslist li .text .date span {
        font-size: 22px;
        display: inline-block;
        vertical-align: bottom
    }

    .newslist li .text .date p {
        font-size: 14px;
        line-height: 22px;
        display: inline-block;
        vertical-align: bottom
    }

    .newslist li .text .bt {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 10px
    }

    .newslist li .text .p {
        font-size: 14px;
        line-height: 24px;
        height: 48px;
        margin-bottom: 15px
    }

    .newslist li .text .more p {
        font-size: 14px;
        width: 120px;
        line-height: 42px;
        padding: 0 18px
    }

    .product0-list li {
        width: 50%
    }

    .filterPro .left {
        display: block
    }

    .signin .signinCon {
        width: 320px;
        padding: 20px
    }

    .signin .right {
        padding: 40px 0 20px 0
    }

    .signin .signinCon:after {
        top: -916px
    }

    .signin .conTabs .list .ys {
        padding-bottom: 23px
    }

    .signin .conTabs .list .other {
        padding-top: 20px;
        margin-top: 20px
    }

    .signin .menuTabs .list .box {
        padding-bottom: 5px
    }

    .accessories-list li .jiagou a {
        font-size: 0;
        height: 49px
    }

    .accessories-list li .jiagou a .layui-icon {
        display: none
    }

    .accessories-list li .jiagou a .layui-icon-cart {
        display: block
    }
}

@media (max-width: 520px) {
    .videolist {
        grid-template-columns: 1fr
    }

    .downlist ul {
        grid-template-columns: 1fr
    }

    .product0-list li {
        width: 50%;
        padding: 0 8px 16px 8px
    }

    .accessories-list li {
        width: 50%
    }

    .product-show .hd .addCartArea select {
        width: 100%
    }

    .product-show .hd .addCartArea .selectWrap {
        display: block
    }

    .product-show .hd .zixun2 {
        padding: 0;
        margin-top: 10px
    }

    .product-show .anli ul li {
        width: 33.33333%
    }

    .product-show .anli .title {
        font-size: 18px;
        line-height: 30px
    }

    .product-show .anli {
        border: solid 2px #ccc;
        margin-top: 31px;
        padding: 20px
    }

    .home-title h2 {
        font-size: 24px
    }

    .about03 .about-bottom ul li {
        width: 100% !important
    }

    .youshi li .num span {
        font-size: 30px
    }

    .youshi li .num i {
        font-size: 30px;
        line-height: 45px
    }

    .youshi li .num {
        font-size: 30px;
        height: 45px;
        line-height: 45px;
        padding-left: 50px
    }

    .youshi li .tu {
        width: 45px
    }

    .vr-card {
        height: 320px
    }

    .home-show .home-info .chanpin .li {
        margin-top: 25px
    }

    .accessories-list li .price {
        margin-bottom: 10px
    }

    .product0-list .text {
        padding: 4px 14px
    }

    .product-show .small li {
        width: 50%
    }

    .product-show .hd .oth_video video {
        height: auto
    }

    .product-show .hd .bn .jiagou a {
        font-size: 0;
        height: 49px;
        width: 49px
    }

    .product-show .hd .bn .jiagou a .layui-icon {
        display: none
    }

    .product-show .hd .bn .jiagou a .layui-icon-cart {
        display: block;
        margin: 0 auto
    }

    .box_bottom {
        overflow: hidden
    }

    .product-show .hd .r_btn {
        width: 49px;
        height: 49px;
        font-size: 0;
        display: block;
        padding: 0;
        text-align: center
    }

    .product-show .hd .r_btn img {
        width: 26px;
        height: 22px;
        margin: 0 auto
    }

    .product-show .hd .bn .r_btn {
        float: left;
        width: 49px
    }

    .product-show .hd .infoBox .price .estshipdate {
        display: block;
        vertical-align: top;
        margin-left: 0;
        padding-left: 0
    }

    .product0-list li {
        width: 100%;
        padding: 0 8px 16px 8px
    }

    .product0-list .text {
        position: relative;
        top: auto;
        left: auto
    }
}