* {
    padding: 0;
    margin: 0;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    box-sizing: border-box;
}

html,
body {
    min-height: 100vh;
    max-width: 100%;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    overflow-x: hidden;
    background-color: #f6f6f6;
}

.banner {
    cursor: default;
}

.containers {
    width: 62.5vw;
    margin: 0 auto;
}

dl,
ol,
ul,
p {
    margin-bottom: 0;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0.08rem;
    font-weight: 500;
    line-height: 1.2;
}

.h1,
h1 {
    font-size: 0.4rem;
}

.h2,
h2 {
    font-size: 0.32rem;
}

.h3,
h3 {
    font-size: 0.28rem;
}

.h4,
h4 {
    font-size: 0.24rem;
}

.h5,
h5 {
    font-size: 0.2rem;
}

.h6,
h6 {
    font-size: 0.16rem;
}

a {
    color: #333;
    font-size: 0.16rem;
    text-decoration: none;
}

a:hover {
    color: #333;
    text-decoration: none;
}

select,
input {
    outline: none;
    border: none;
}

button {
    border: none;
}

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

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

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

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

.textSevenLine {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
}

.textEightLine {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
}

/* -----特殊公共按钮---- */
.G_title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.6rem 0;
}

.G_title img {
    flex-shrink: 0;
    width: 0.54rem;
    height: 0.23rem;
}

.G_title h4 {
    font-size: 0.87rem;
    font-weight: bold;
    color: #2b343f;
    margin: 0 0.5rem;
    white-space: nowrap;
    opacity: 0.1;
}

.G_title h4.hide {
    color: transparent;
    user-select: none;
}

.G_title h5 {
    position: absolute;
    bottom: 0;
    left: 50%;
    white-space: nowrap;
    transform: translateX(-50%);
    color: #2b343f;
}

.G_title h5.hideH4 {
    color: #fff;
    bottom: 0.2rem;
}

.G_title h5 span {
    color: #e98918;
}

.G_title h5,
.G_title h5 span {
    font-size: 0.43rem;
    font-weight: bold;
}

.view_details {
    display: inline-block;
    width: 1.5rem;
    height: 0.39rem;
    line-height: 0.39rem;
    font-size: 0.22rem;
    color: #fff;
    text-align: center;
    border-radius: 0.2rem;
    background: #e98918;
    opacity: 1;
    cursor: pointer;
}

.view_details:hover {
    color: #fff;
}

.paging_btn a,
a.paging_btn {
    display: inline-block;
    width: 0.36rem;
    height: 0.36rem;
    text-align: center;
    line-height: 0.36rem;
    font-size: 0.14rem;
    background: #ffffff;
    border-radius: 0.02rem;
    border: 0.01rem solid #eaeaea;
    cursor: pointer;
    opacity: 1;
}

.paging_btn.active,
.paging_btn.active a {
    border-color: #1784fc;
    color: #1784fc;
}

/* ------------ */
li {
    list-style: none;
}

.width100 {
    width: 100% !important;
}

.height100 {
    height: 100% !important;
}

.flex-box {
    display: flex;
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
}

.color333 {
    color: #333 !important;
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.jc-center {
    -webkit-box-pack: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.jc-around {
    -webkit-box-pack: justify;
    -ms-justify-content: space-around;
    -moz-justify-content: space-around;
    -o-justify-content: space-around;
    -webkit-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.jc-between {
    -webkit-box-pack: justify;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.jc-end {
    -webkit-box-pack: end;
    -ms-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -o-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end !important;
}

.jc-start {
    -webkit-box-pack: justify;
    -moz-justify-content: start;
    -webkit-justify-content: flex-start;
    justify-content: start;
}

.flex-y {
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    -o-flex-direction: column;
}

.ai-center {
    -webkit-box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.ai-end {
    -webkit-box-align: end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end !important;
}

.t-align-l {
    text-align: left;
}

.t-align-c {
    text-align: center;
}

.t-align-r {
    text-align: right;
}

.text-bold {
    font-weight: bold;
}

.pad5 {
    padding: 0.05rem !important;
}

.pad10 {
    padding: 0.1rem !important;
}

.pad15 {
    padding: 0.15rem !important;
}

.pad20 {
    padding: 0.2rem !important;
}

.pad25 {
    padding: 0.25rem !important;
}

.pad30 {
    padding: 0.3rem !important;
}

.pad-r5 {
    padding-right: 0.05rem !important;
}

.pad-r10 {
    padding-right: 0.1rem !important;
}

.pad-r15 {
    padding-right: 0.15rem !important;
}

.pad-r20 {
    padding-right: 0.2rem !important;
}

.pad-r25 {
    padding-right: 0.25rem !important;
}

.pad-r30 {
    padding-right: 0.3rem !important;
}

.pad-r45 {
    padding-right: 0.45rem !important;
}

.pad-r50 {
    padding-right: 0.5rem !important;
}

.pad-l5 {
    padding-left: 0.05rem !important;
}

.pad-l10 {
    padding-left: 0.1rem !important;
}

.pad-l15 {
    padding-left: 0.15rem !important;
}

.pad-l20 {
    padding-left: 0.2rem !important;
}

.pad-l25 {
    padding-left: 0.25rem !important;
}

.pad-l30 {
    padding-left: 0.3rem !important;
}

.pad-l45 {
    padding-left: 0.45rem !important;
}

.pad-l50 {
    padding-left: 0.5rem !important;
}

.pad-t5 {
    padding-top: 0.05rem !important;
}

.pad-t10 {
    padding-top: 0.1rem !important;
}

.pad-t15 {
    padding-top: 0.15rem !important;
}

.pad-t20 {
    padding-top: 0.2rem !important;
}

.pad-t25 {
    padding-top: 0.25rem !important;
}

.pad-t30 {
    padding-top: 0.3rem !important;
}

.pad-b5 {
    padding-bottom: 0.05rem !important;
}

.pad-b10 {
    padding-bottom: 0.1rem !important;
}

.pad-b15 {
    padding-bottom: 0.15rem !important;
}

.pad-b20 {
    padding-bottom: 0.2rem !important;
}

.pad-b25 {
    padding-bottom: 0.25rem !important;
}

.pad-b30 {
    padding-bottom: 0.3rem !important;
}

.mar5 {
    margin: 0.05rem !important;
}

.mar10 {
    margin: 0.1rem !important;
}

.mar15 {
    margin: 0.15rem !important;
}

.mar20 {
    margin: 0.2rem !important;
}

.mar25 {
    margin: 0.25rem !important;
}

.mar30 {
    margin: 0.3rem !important;
}

.mar-r5 {
    margin-right: 0.05rem !important;
}

.mar-r10 {
    margin-right: 0.1rem !important;
}

.mar-r15 {
    margin-right: 0.15rem !important;
}

.mar-r20 {
    margin-right: 0.2rem !important;
}

.mar-r25 {
    margin-right: 0.25rem !important;
}

.mar-r30 {
    margin-right: 0.3rem !important;
}

.mar-r80 {
    margin-right: 0.8rem !important;
}

.mar-r150 {
    margin-right: 1.5rem !important;
}

.mar-l5 {
    margin-left: 0.05rem !important;
}

.mar-l10 {
    margin-left: 0.1rem !important;
}

.mar-l15 {
    margin-left: 0.15rem !important;
}

.mar-l20 {
    margin-left: 0.2rem !important;
}

.mar-l25 {
    margin-left: 0.25rem !important;
}

.mar-l30 {
    margin-left: 0.3rem !important;
}

.mar-l80 {
    margin-left: 0.8rem !important;
}

.mar-l150 {
    margin-left: 1.5rem !important;
}

.mar-t5 {
    margin-top: 0.05rem !important;
}

.mar-t10 {
    margin-top: 0.1rem !important;
}

.mar-t15 {
    margin-top: 0.15rem !important;
}

.mar-t20 {
    margin-top: 0.2rem !important;
}

.mar-t25 {
    margin-top: 0.25rem !important;
}

.mar-t30 {
    margin-top: 0.3rem !important;
}

.mar-b5 {
    margin-bottom: 0.05rem !important;
}

.mar-b10 {
    margin-bottom: 0.1rem !important;
}

.mar-b15 {
    margin-bottom: 0.15rem !important;
}

.mar-b20 {
    margin-bottom: 0.2rem !important;
}

.mar-b25 {
    margin-bottom: 0.25rem !important;
}

.mar-b30 {
    margin-bottom: 0.3rem !important;
}

.mar-b50 {
    margin-bottom: 0.5rem !important;
}

.mar-b70 {
    margin-bottom: 0.7rem !important;
}

/* ---------- */
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: .5729vw 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, .3);
}

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

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

.header_list li {
    text-align: center;
    width: 4.375vw;
    margin-left: 3.8021vw;
}

.header_list li a {
    color: #ffffff;
    font-size: 0.9375vw;
    font-family: SourceHanSansCN-Regular-GBpc-EUC-H-,
        SourceHanSansCN-Regular-GBpc-EUC-H;
}

.header_list li a:hover {
    text-decoration: none;
}

.header_list .active {
    position: relative;
}

.header_list .active::after {
    content: "";
    display: block;
    width: 4.375vw;
    height: 0.2604vw;
    background: url("../img/index/label.png") no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: -1.0417vw;
    left: 0;
}

/* ----------- */
.footer {
    width: 100%;
    height: 15.625vw;
    background: #E35424;
}

.footer_right .top,
.footer_right .bottom,
.footer-box {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-logo {
    width: 6.1979vw;
    height: 2.0833vw;
}

.footer_left p {
    line-height: 0.625vw;
    font-size: 0.625vw;
    font-family: STHeitiSC-Light-, STHeitiSC-Light;
    font-weight: normal;
    color: #ffffff;
    margin-top: 1.25vw;
    margin-bottom: 4.0625vw;
}

.positioning {
    display: flex;
}

.positioning img {
    width: 0.7813vw;
    height: 0.7813vw;
    margin-right: 0.5208vw;
}

.positioning div {
    font-size: 0.625vw;
    font-family: PingFang-SC-Medium-, PingFang-SC-Medium;
    font-weight: normal;
    color: #ffffff;
}

.footer_c {
    text-align: center;
}

.footer_c .qrcode {
    width: 8.0729vw;
    height: 8.0729vw;
    background: url("../img/footer/call_me.png") no-repeat;
    background-size: 100% 100%;
}

.footer_c p {
    font-size: 0.8333vw;
    font-family: STHeitiSC-Light-, STHeitiSC-Light;
    font-weight: normal;
    color: #ffffff;
    margin-top: 0.7292vw;
}

.footer_right {
    width: 31.5104vw;
}

.footer_right .top {
    margin-bottom: 2.7604vw;
}

.footer_right .top a {
    font-size: 0.8333vw;
    font-family: STHeitiSC-Light-, STHeitiSC-Light;
    font-weight: normal;
    color: #ffffff;
}

.footer_right .bottom li {
    position: relative;
}

.footer_right .bottom li::before {
    content: "";
    display: block;
    width: 2.0833vw;
    height: 2.0833vw;
}

.footer_right .bottom li:nth-child(1)::before {
    background: url("../img/footer1.png") no-repeat;
    background-size: 100% 100%;
}

.footer_right .bottom li:nth-child(1):hover::before {
    background: url("../img/footer1-w.png") no-repeat;
    background-size: 100% 100%;
}

.footer_right .bottom li:nth-child(1):hover .qrCode {
    display: block;
}

.footer_right .bottom li:nth-child(2)::before {
    background: url("../img/footer2.png") no-repeat;
    background-size: 100% 100%;
}

.footer_right .bottom li:nth-child(2):hover::before {
    background: url("../img/footer2-w.png") no-repeat;
    background-size: 100% 100%;
}

.footer_right .bottom li:nth-child(2):hover .qrCode {
    display: block;
}

.footer_right .bottom li:nth-child(3)::before {
    background: url("../img/footer3.png") no-repeat;
    background-size: 100% 100%;
}

.footer_right .bottom li:nth-child(3):hover::before {
    background: url("../img/footer3-w.png") no-repeat;
    background-size: 100% 100%;
}

.footer_right .bottom li:nth-child(3):hover .qrCode {
    display: block;
}

.footer_right .bottom li:nth-child(4)::before {
    background: url("../img/footer4.png") no-repeat;
    background-size: 100% 100%;
}

.footer_right .bottom li:nth-child(4):hover::before {
    background: url("../img/footer4-w.png") no-repeat;
    background-size: 100% 100%;
}

.footer_right .bottom li:nth-child(4):hover .qrCode {
    display: block;
}

.footer_right .bottom li:nth-child(5)::before {
    background: url("../img/footer5.png") no-repeat;
    background-size: 100% 100%;
}

.footer_right .bottom li:nth-child(5):hover::before {
    background: url("../img/footer5-w.png") no-repeat;
    background-size: 100% 100%;
}

.footer_right .bottom li:nth-child(5):hover .qrCode {
    display: block;
}

.footer_right .bottom li::after {
    display: block;
    font-size: 0.625vw;
    font-family: STHeitiSC-Light-, STHeitiSC-Light;
    font-weight: normal;
    color: #ffffff;
    margin-top: 0.3646vw;
    text-align: center;
}

.footer_right .bottom li:nth-child(1)::after {
    content: "公众号";
}

.footer_right .bottom li:nth-child(2)::after {
    content: "小红书";
}

.footer_right .bottom li:nth-child(3)::after {
    content: "知乎";
}

.footer_right .bottom li:nth-child(4)::after {
    content: "视频号";
}

.footer_right .bottom li:nth-child(5)::after {
    content: "抖音";
}

.footer_right .bottom .qrCode {
    width: 8.0729vw;
    height: 8.0729vw;
    background: url("../img/footer-qrcode.png") no-repeat;
    background-size: 100% 100%;

    position: absolute;
    top: -9.6354vw;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.5208vw;
    display: none;
}

/* ----------- */
/* ---------- */
.foot_paging {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.6rem;
}

.foot_paging ul {
    display: flex;
}

img {
    width: 100%;
    height: 100%;
}

/* 分割 */
.partition {
    padding: 3.5417vw 0 2.7083vw;
    text-align: center;
}

.partition h2 {
    font-size: 2.0833vw;
    font-family: Source Han Sans CN-Heavy, Source Han Sans CN;
    font-weight: bold;
    color: #000000;
}

.partition h2::after {
    content: "";
    display: block;
    width: 3.3333vw;
    height: 0.3125vw;
    background-color: #E35424;
    margin: .5208vw auto 0;
}

.hide {
    display: none !important;
}

.swiper-pagination-bullet-active,
.swiper-pagination-bullet {
    background-color: #e35424 !important;
}

.dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .7);
    z-index: 99999999999999;

    display: flex;
    align-items: center;
    justify-content: center;
}

.dialog-box {
    width: 50.625vw;
    height: 33.4375vw;
    background: url("../img/dialog.png") no-repeat;
    background-size: 100% 100%;
    padding-top: 3.5417vw;

    display: flex;
    flex-direction: column;
    align-items: center;

    position: relative;
    pointer-events: none;
}

.dialog-box::after {
    content: "";
    display: block;
    width: 1.1458vw;
    height: 1.1458vw;

    position: absolute;
    top: 2.6042vw;
    right: 2.9688vw;

    background: url("../img/close.png") no-repeat;
    background-size: 100% 100%;
    pointer-events: auto;
}

.dialog-box .logo {
    width: 8.2292vw;
    height: 2.8125vw;
    background: url("../img/logo.png") no-repeat;
    background-size: 100% 100%;
}

.dialog-box button {
    font-size: 1.0417vw;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #FFFFFF;
    background-color: #e35424;
    padding: .5208vw 2.8646vw;
    border-radius: 1999px;
    margin: .8333vw 0;
}

.dialog-box img {
    width: 15.4688vw;
    height: 15.7292vw;
    margin-bottom: 1.3021vw;
}

.dialog-box p {
    font-size: 1.1458vw;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #E35424;
}

.tip-box {
    display: flex;
    align-items: center;
    width: 42.1875vw;
    margin-top: 6.6667vw;
    background-color: #fef8f6;
    padding: 2.1875vw 3.3854vw;
    position: relative;
    border-radius: 12px;
}

.tips-l {
    position: relative;
}

.tips-l::after {
    content: "";
    display: block;
    width: 1.0417vw;
    height: .8333vw;
    position: absolute;
    top: .2604vw;
    right: -0.7813vw;
    background: url("../img/arrow-two.png") no-repeat;
    background-size: 100% 100%;
}

.tips-l h3 {
    font-size: 1.25vw;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #333333;
}

.tips-l p {
    margin-top: 8px;
    font-size: 1.1458vw;
    font-family: Source Han Sans CN;
    font-weight: normal;
    color: #333333;
}

.tips-l p span {
    display: inline-flex;
    align-items: center;
    flex-direction: column;
}

.tips-l p span::after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #e35424;
    border-radius: 5px;
}

.tips-r {
    width: 15.7292vw;
    height: 15.7292vw;
    position: absolute;
    top: -50%;
    right: 3.125vw;
}

.is-disabled {
    background: url() !important;
    background-color: #ccc !important;
    cursor: no-drop;
}

/* 隐藏默认的滚动条 */
.scroll::-webkit-scrollbar {
    width: 0;
    height: 0;
}

/* 创建空白滚动条 */
.scroll::-webkit-scrollbar-track {
    background-color: transparent;
}

/* 鼠标移到滚动区域时，显示滚动条 */
.scroll:hover::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

/* 添加滚动条背景 */
.scroll::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
}