/* 字体引用 */
@font-face {
    font-family: 'Jost-SemiBold';
    src: url('../font/Jost-SemiBold.ttf');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Jost-Medium';
    src: url('../font/Jost-Medium.ttf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'D-DIN-PRO-Bold';
    src: url('../font/D-DIN-PRO-700-Bold.otf');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'D-DIN-PRO-Medium';
    src: url('../font/D-DIN-PRO-500-MEDIUM.OTF');
    font-weight: 500;
    font-style: normal;
}
/* 字体引用结束 */
/* 默认样式 */
* {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
}
ul,
li {
    list-style: none;
}
a {
    color: inherit;
    text-decoration: none;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    line-height: inherit;
}
hr {
    border: 0;
    display: block;
}
em,
i {
    font-style: normal;
}
input,
textarea {
    font-size: inherit;
    font-family: inherit;
    background: transparent;
}
input:focus-visible,
textarea:focus-visible,
input:focus,
textarea:focus {
    background: transparent;
}
input:-webkit-autofill {
    box-shadow: none;
    background-color: transparent !important;
    -webkit-text-fill-color: #313336;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    -webkit-text-fill-color: #313336;
    transition: background-color 5000s ease-out 0.5s;
}
html {
    /* scroll-behavior: smooth; */
}
body {
    width: 100vw;
    position: relative;
    overflow-x: hidden;
    font-family: PingFang SC, Jost-Medium, '微软雅黑';
}
.bg {
    width: 100%;
    display: block;
}
.pc {
    display: block;
}
.wap {
    display: none !important;
}
.mtop {
    margin-top: 3.4rem;
    padding-bottom: 4rem;
}
.model {
    margin: 6.25vw auto;
}
select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
    border: none;
    background: url(../images/icon_down.png) no-repeat calc(100%) center;
    padding-right: 1.4rem;
    background-size: 0.8rem auto;
    font-size: inherit;
}
select::-ms-expand {
    display: none;
}
.selectbox {
    background: url(../images/icon_down.png) no-repeat calc(100% - 0.6rem) center;
    background-size: 16px auto;
    box-sizing: border-box;
    cursor: pointer;
}
.selectbox input {
    cursor: pointer;
}
.selectbox .options {
    position: absolute;
    top: 100%;
    left: -1px;
    width: calc(100% + 2px);
    z-index: 2;
    display: none;
}
.selectbox .options .border {
    margin-top: 8px;
    box-sizing: border-box;
    background: #FFFFFF;
    box-shadow: 0px 6px 16px 0px rgba(164, 169, 177, 0.1600);
    border-radius: 6px;
    border: 1px solid #D6DCE7;
    padding: 8px;
    max-height: 250px;
    overflow: auto;
}
body *::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}
body *::-webkit-scrollbar-thumb {
    width: 3px;
    border-radius: 1px;
    background: #ddd;
}
body *::-webkit-scrollbar-track {
    width: 3px;
    border-radius: 1px;
    background: transparent;
}
.selectbox .options p {
    font-size: 0.7rem;
    padding: 0.4rem 0.6rem;
    box-sizing: border-box;
    border-radius: 0.3rem;
    color: #313336;
    line-height: 1rem;
    cursor: pointer;
}
.selectbox .options p:hover {
    color: #e8374a;
    background: rgba(16, 83, 238, 0.1);
}
.selectbox .options p.on {
    color: #fff;
    background: #e8374a;
}
/* 提示信息 */
#toastbody {
    position: fixed;
    z-index: 100;
    top: 12vh;
    left: 0;
    width: 100%;
    transition: opacity 1.5s ease 0s;
    text-align: center;
}
#toast {
    box-sizing: border-box;
    max-width: 90vw;
    display: inline-block;
    text-align: center;
    background: #313336;
    box-shadow: 0px 0.8rem 1rem 0px rgba(49, 51, 54, 0.1200);
    line-height: 22px;
    /* margin: 0 auto; */
    padding: 8px 2rem;
    font-size: 16px;
    color: #FFFFFF;
}
.skeleton:hover,
.imgbox:hover,
.skeleton,
.imgbox {
    min-height: 13rem;
    background: linear-gradient(90deg, #F5F6F7 25%, #e6e8eb 37%, #F5F6F7 63%);
    background-size: 400% 100%;
    /* position: relative; */
}
@media screen and (max-width:1680px) and (min-width:1200px) {
    .skeleton:hover,
    .imgbox:hover,
    .skeleton,
    .imgbox {
        min-height: 16vw;
    }
}
@keyframes el-skeleton-loading {
    0% {
        background-position: 100% 50%
    }
    to {
        background-position: 0 50%
    }
}
/* 默认样式结束 */
/* 头部 */
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background-color: rgba(0, 0, 0);
    transition: box-shadow 1s ease 0s;
}
header.bbg {
    background-color: rgba(0, 0, 0);
    backdrop-filter: saturate(180%) blur(10px);
    -webkit-backdrop-filter: saturate(180%) blur(10px);
}
header .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    padding: 0 30px;
    background-color: inherit;
    z-index: inherit;
}
header .header .logo .bg {
    display: none;
    width: 4.6rem;
}
header .header .closenav,
header .header .navbtn {
    display: none;
}
header .header .logo .bg:first-child {
    display: block;
}
header.bbg .header .logo .bg:last-child {
    display: block;
}
header.bbg .header .logo .bg:first-child {
    display: none;
}
header .header .navItem {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
}
header .header .navItem .list  {
    position: relative;
}
header .header .navItem .list .tit {
    margin: 0 3vw;
    padding: 1.1rem 0;
    font-size: 0.8rem;
    color: #fff;
    line-height: 1.2rem;
    display: block;
    white-space: nowrap;
    position: relative;
}
header .header .navItem .list .tit::before {
    position: absolute;
    content: '';
    top: 2.5rem;
    left: 0;
    width: 100%;
    height: 2px;
}
header.bbg .header .navItem .list .tit {
    color: #fff;
    cursor: pointer;
}
header .header .navItem .list:hover .tit::before {
    background-color: #fff;
}
header .header .navItem .list:hover .tit {
    color: #fff;
}
header .header .navItem .list.on .tit {
    color: #fff;
}
header.bbg .header .navItem .list:hover .tit {
    color: #FFDAF1;
}
header.bbg .header .navItem .list:hover .tit::before {
    background-color: #FFDAF1;
}
header.bbg .header .navItem .list.on .tit {
    color: #FFDAF1;
}
header .header .navItem .list:hover .tit.hot ,
header.bbg .header .navItem .list .tit.hot {
    color: #FFDAF1;
}
header .header .navItem .list:hover .tit.hot::before{
    display: none;
}
header .header .navItem .list .tit.hot .ico{
    width: 0.6rem;
    position: absolute;
    top: calc(50% - 1rem);
    right: -0.6rem;
}
header .header .fbbtn {
    font-size: 0.7rem;
    line-height: 1.4rem;
    padding: 0 0.8rem;
    /*border-radius: 0.2rem;*/
    cursor: pointer;
    border: 1px solid #fff;
    color: #FFFFFF;
    white-space: nowrap;
}
header.bbg .header .fbbtn {
    border: 1px solid #fff;
    color: #fff;
}
header .header .fbbtn:hover {
    opacity: 0.8;
}
header.bbg .header .fbbtn:hover {
    background-color: #FFDAF1;
    color: #fff;
    opacity: 1;
}
header .libox {
    position: fixed;
    top: 3.4rem;
    left: 0;
    transition: all 0.3s ease 0s;
    background-color: rgba(255, 255, 255, 1);
    width: 100%;
    height: 0px;
    padding: 2.4rem 0;
    transform: translateY(calc(-100% - 3.4rem));
    z-index: -1;
    overflow: hidden;
    box-shadow: none;
    /* transform: translateY(-0%);
    z-index: 1;
    box-shadow: 0px 0.8rem 0.8rem 0px rgba(0, 0, 0, 0.05); */
}
header .libox:hover {
    transform: translateY(0);
}
header .li {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    background-color: rgba(255, 255, 255, 1);
}
header .caseboxli {
    display: block;
}
header .caseli {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
header .hyjxli {
    padding: 0 8vw;
}
header .header .navRight{float:right}
@media screen and (max-width:800px) {
	header .header .navRight{display:none}
}
@media screen and (max-width:1200px) and (min-width:800px) {
    header .caseli{
    justify-content:  flex-start;
    padding: 0 calc(5vw);
}
header .hyjxli {
    padding: 0 calc(5vw + 2.5vw);
    }
}
header .hyjxli .list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 -0.4rem;
    max-height: 2.2rem;
    overflow: hidden;
}
header .hyjxli .nametit {
    font-size: 0.8rem;
    font-weight: bold;
    color: #000;
    margin: 2rem 0 1rem;
}
header .hyjxli a {
    padding: 0 1rem;
    box-sizing: border-box;
    border-radius: 1.7rem;
    line-height: 1.7rem;
    border: 1px solid #DBDEE4;
    cursor: pointer;
    margin: 0 0.4rem 0.5rem;
    font-size: 0.7rem;
    color: #313336;
}
header .hyjxli a:hover {
    border: 1px solid #e8374a;
    color: rgba(255, 255, 255, 0.85);
    background: #e8374a;
}
header .caseli .caseheadbox {
    margin: 0 2vw;
    min-width: 8.33vw;
}
header .caseli .tithead {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 0.8rem;
    font-weight: bold;
    color: #000;
    line-height: 1.2rem;
    white-space: nowrap;
}
header .caseli .tithead .icon {
    width: 1.25vw;
    height: 1.25vw;
    background: rgba(0, 0, 0, 0.08);
    padding: 0.4rem;
    border-radius: 0.4rem;
    margin-right: 0.6rem;
}
header .caseli hr {
    width: 100%;
    height: 1px;
    display: block;
    margin: 1.2rem 0;
    background-color: #EAEDF3;
}
/* header .caseli .caseheadbox:hover hr {
    background-color:  #e8374a;
} */
header .caseli .spana {
    font-size: 0.7rem;
    display: block;
    margin-bottom: 0.5rem;
    color: #313336;
    line-height: 1.4rem;
    white-space: nowrap;
}
header .caseli .spana:hover {
    color: #e8374a;
}
header .li.serviceli p {
    font-size: 0.8rem;
    font-family: PingFangSC-Medium, PingFangSC;
    font-weight: 500;
    color: #313336;
    line-height: 1.2rem;
    text-align: center;
    margin: 0 1.5rem;
}
header .li.serviceli p:hover {
    color: #e8374a;
}
/* header .li.serviceli p:hover .icon {
    border: 2px solid #e8374a;
} */
header .li.serviceli p .icon {
    border: 2px solid transparent;
    border-radius: 0.6rem;
    width: 2.08vw;
    display: block;
    padding: 1vw;
    background-color: rgba(0, 0, 0, 0.08);
    margin: 0 auto 0.8rem;
}
header .li.qushili p {
    font-size: 0.8rem;
    font-family: PingFangSC-Medium, PingFangSC;
    font-weight: 500;
    color: #313336;
    line-height: 1.2rem;
    text-align: center;
    margin: 0 2.08rem;
}
header .li.qushili p:hover {
    color: #e8374a;
}
header .li.qushili p .icon {
    border: 2px solid transparent;
    border-radius: 0.6rem;
    width: 2.08vw;
    display: block;
    padding: 1vw;
    background-color: rgba(16, 83, 238, 0.08);
    margin: 0 auto 0.8rem;
}
@media screen and (max-width:1920px)  and (min-width:1450px) {
    header .li.aboutli {
        padding: 0 calc(35vw - 9rem);
    }
}
@media screen and (max-width:1450px) and (min-width:1200px)  {
    header .li.aboutli {
        padding: 0 calc(35vw - 9.5rem);
    }
}
@media screen and (max-width:1200px) and (min-width:800px)  {
    header .li.aboutli {
        padding: 0 calc(35vw - 10rem);
    }
}
header .li.aboutli a {
    font-size: 0.8rem;
    color: #313336;
    cursor: pointer;
    margin: 0 1.5rem;
}
header .li.aboutli a:hover {
    color: #e8374a;
}
header .wapnavItem {
    display: none;
}
/* 头部结束 */
/* 底部 */
footer {
    z-index: 1;
    background-color: #000;
    overflow: hidden;
}
.fbbox {
    position: relative;
}
.fbbox .bg {
    min-height: 14rem;
}
.fbbox .bg.pc {
    min-width: 1680px;
    margin: 0 auto;
}
.fbbox .absolute {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
}
.fbbox h1 {
    font-size: 1.8rem;
    font-family: PingFangSC-Semibold,Jost-SemiBold;
    font-weight: 600;
    color: #fff;
    line-height: 2.5rem;
}
.fbbox .tit {
    font-size: 1.2rem;
    font-family: PingFangSC-Semibold,Jost-SemiBold, PingFang SC;
    font-weight: 600;
    color: #fff;
    line-height: 1.2rem;
    margin: 3.2rem 0 1rem;
}
.fbbox .tips {
    font-size: 0.7rem;
    font-weight: 400;
    color: #6A6E73;
    line-height: 1rem;
    margin-top: 0.8rem;
}
.fbbox .tips a {
    font-family: PingFangSC-Medium;
    font-weight: 600;
    color: #313336;
}
.fbbox .tips a:hover {
    color: #e8374a;
}
.fbbox .formflex {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-wrap: wrap;
}
.fbbox .formflex .label {
    font-size: 0.7rem;
    font-family: PingFangSC-Semibold,Jost-SemiBold, PingFang SC;
    font-weight: 600;
    color: #313336;
    line-height: 1.3rem;
    margin-bottom: 0.4rem;
}
.fbbox .formflex .mcodebox {
    display: none;
}
.fbbox .formflex .input {
    margin-right: 1rem;
    border: 1px solid #A4A9B1;
    padding: 0 0.8rem;
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #000;
}
.fbbox .formflex .input input::-webkit-input-placeholder {
    color: #A4A9B1;
}
.fbbox .formflex .input input {
    height: 2.5rem;
    line-height: 2.5rem;
    border: 0;
    background: #FFFFFF;
    outline: none;
    font-size: 0.8rem;
    min-width: 14.2rem;
}
.fbbox .formflex .input .getcode {
    font-size: 0.8rem;
    color: #e8374a;
    cursor: pointer;
}
.fbbox .fbbtn {
    font-size: 0.9rem;
    background-color: #000;
    line-height: 2.5rem;
    padding: 0 1.4rem;
    color: #fff;
    margin: 0 0.4rem;
    /*border-radius: 0.3rem;*/
    cursor: pointer;
    display: inline-block;
    border: 1px solid #000;
}
.fbbox .fbbtn:hover {
    background-color: #efefef;
    border: 1px solid #323232;
    color:#313336;
}
.fbbox .fbbtn.border {
    background-color: transparent;
    color: #e8374a;
}
.fbbox .fbbtn.border:hover {
    opacity: 0.8;
}
/* .fbbox .form { */
.fbbox .success {
    display: none;
}
.fbbox .success .formflex {
    margin-top: 4rem;
    align-items: center;
}
.fbbox .success .icon {
    width: 2.6rem;
    display: block;
    margin: 0 1rem 0 0;
}
.fbbox .success h3 {
    font-size: 1.2rem;
    font-family: PingFangSC-Semibold,Jost-SemiBold, PingFang SC;
    font-weight: 600;
    color: #04B472;
    line-height: 1.6rem;
}
.fbbox .success p {
    font-size: 0.8rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #313336;
    line-height: 1.5rem;
}
/* 底部结束 */
.zdzxprop{
    position: fixed;
    right:4.3rem;
    bottom: 20px;
    z-index: 10;
    padding: 2rem;
    background: url(../images/propbg.png?v=2)  center no-repeat #fff;
    background-size: cover;
    border-radius: 0.6rem;
    box-shadow: 0px 11px 27px 0px rgba(40, 104, 249, 0.26);
    display: none;
}
.zdzxprop .close{
    width: 0.7rem;
    display: block;
    position: absolute;
    top: 0.8rem;
    right: 0.8rem;
    cursor: pointer;
}
.zdzxprop .info{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.zdzxprop .info .head{
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 50%;
    margin-right: 0.6rem;
    display: block;
}
.zdzxprop .info>div{
    width: calc(100% - 3.4rem);
}
.zdzxprop .info h3{
    font-size: 1.2rem;
    background: linear-gradient(100deg, #FFFFFF 86%, rgba(44,135,247,0.00) 147%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-shadow: 1px 1px 0px 0px rgba(31, 94, 243, 0.6);
}
.zdzxprop .info p{
    font-size: 0.8rem;
margin-top: 0.3rem;
color: #FFFFFF;
}
.zdzxprop .ljzxbtn{
    font-size: 0.8rem;
text-align: center;
color: #e8374a;
font-weight: bold;
background: #FFFFFF;
backdrop-filter: blur(8px);
line-height: 2.4rem;
border-radius: 0.3rem;
margin-top: 2.5rem;
cursor: pointer;
}
/* 公用样式 */
.maintitle {
    font-size: 1.6rem;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #051624;
    line-height: 2.5rem;
    text-align: center;
    margin: 1.8rem 0 0;
}
.maintitle.left {
    text-align: left;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.empty {
    margin: 4rem 0;
}
.empty .content {
    background: #F3F5FB;
    border-radius: 0.6rem;
    font-size: 2rem;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: rgb(16, 84, 238);
    text-align: center;
    padding: 8.5% 0;
}
.cookiebox {
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
    font-size: 0.7rem;
    color: #6A6E73;
    line-height: 1rem;
    user-select: none;
}
.cookiebox label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.cookiebox label:focus,
.cookiebox label:focus-visible {
    outline: none;
    background-color: transparent;
}
.cookiebox i {
    width: calc(0.7rem - 2px);
    height: calc(0.7rem - 2px);
    border-radius: 50%;
    border: 1px solid #6A6E73;
    margin: 0 0.4rem 0 0;
    display: block;
}
.cookiebox label.on i {
    width: 0.7rem;
    height: 0.7rem;
    background: url(../images/check.png) center no-repeat;
    background-size: 100% 100%;
    border: 0;
}
.cookiebox a {
    font-weight: 600;
    color: #313336;
}
.cookiebox a:hover {
    color: #e8374a;
}
.fixedboxwap {
    display: none;
}
.emptylist {
    padding-top: 4rem;
    padding-bottom: 5rem;
    text-align: center;
    font-size: 0.7rem;
    color: #313336;
    line-height: 1rem;
    display: block;
    margin: 0 auto;
}
.emptylist img {
    display: block;
    width: 12rem;
    margin: 0 auto 1rem;
}
.jxtips {
    width: 2.4rem;
    height: 1.2rem;
    background: linear-gradient(270deg, #E9AC5A 0%, #EEB466 0%, #FFDDBD 100%);
    border-radius: 0.3rem 0px 0.3rem 0px;
    font-size: 0.7rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #865B24;
    line-height: 1.2rem;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
.banner h1 {
    font-size: 2rem;
    font-family: PingFangSC-Semibold,Jost-SemiBold, PingFang SC;
    font-weight: 600;
    color: #051624;
    line-height: 2.8rem;
}
.banner p {
    font-size: 0.8rem;
    color: #051624;
    line-height: 1.3rem;
    margin: 0.5rem 0;
    max-width: 500px;
}
.banner .navbar {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0.8rem 0 3vw 0;
    font-size: 0.7rem;
    color: #6A6E73;
    line-height: 1.3rem;
}
.banner .navbar i {
    margin: 0 0.5rem;
}
.loading {
    width: 5vw;
    display: block;
    margin: 5vh auto;
    background-color: transparent;
}
@media screen and (max-width:1600px) and (min-width:800px) {
    .banner .bg.pc {
        width: 1600px;
        margin: 0 calc(50% - 800px);
    }
}
/* 公用样式结束 */
/* 兼容样式 */
@media screen and (max-width:1680px) {
    .fbbox .bg.pc {
        margin: 0 calc(50% - 840px);
    }
}
@media screen and (min-width:1680px) {
    body,
    html {
        font-size: 20px;
    }
    .wpbanner {
        padding: 0 calc(50vw - 600px);
    }
    .wpa {
        padding: 0 calc(50vw - 704px);
    }
    .wp {
        padding: 0 calc(50vw - 810px);
    }
    .wp1l {
        padding: 0 0 0 calc(50vw - 675px);
    }
    .wp1 {
        padding: 0 calc(50vw - 675px);
    }
    .wp2 {
        padding: 0 calc(18.75vw);
    }
}
@media screen and (max-width:1680px) and (min-width:1400px) {
    body,
    html {
        font-size: 18px;
    }
    .wpbanner {
        padding: 0 calc(50vw - 600px);
    }
    .wpa {
        padding: 0 calc(50vw - 600px);
    }
    .wp {
        padding: 0 30px;
    }
    .wp1l {
        padding: 0 0 0 100px;
    }
    .wp1 {
        padding: 0 100px;
    }
    .wp2 {
        padding: 0 calc(18.75vw);
    }
}
@media screen and (max-width:1400px) and (min-width:1200px) {
    body,
    html {
        font-size: 18px;
    }
    .wpbanner {
        padding: 0 120px;
    }
    .wpa {
        padding: 0 calc(50vw - 540px);
    }
    .wp {
        padding: 0 30px;
    }
    .wp1l {
        padding: 0 0 0 100px;
    }
    .wp1 {
        padding: 0 100px;
    }
    .wp2 {
        padding: 0 calc(18.75vw);
    }
    .banner h1 {
        font-size: 1.8rem;
        line-height: 2.3rem;
    }
}
@media screen and (max-width:1200px) and (min-width:800px) {
    body,
    html {
        font-size: 18px;
    }
    .wpbanner {
        padding: 0 120px;
    }
    .wpa {
        padding: 0 30px;
    }
    .wp {
        padding: 0 30px;
    }
    .wp1l {
        padding: 0 100px;
    }
    .wp1 {
        padding: 0 100px;
    }
    .wp2 {
        padding: 0 calc(5vw);
    }
    .maintitle {
        font-size: 1.6rem;
        line-height: 2.2rem;
        margin: 1.5rem 0 0;
    }
    .skeleton:hover,
    .imgbox:hover,
    .skeleton,
    .imgbox {
        min-height: 22vw;
    }
    .banner h1 {
        font-size: 1.6rem;
        line-height: 2rem;
    }
    .banner p {
        font-size: 0.6rem;
        line-height: 1rem;
        margin: 0.4rem 0;
        max-width: 40%;
    }
    @media screen and (max-width:950px) and (min-width:800px) {
        .banner h1 {
            font-size: 1.4rem;
            line-height: 2rem;
        }
        .banner p {
            font-size: 0.6rem;
            line-height: 1rem;
        }
    }
}
/* 移动端兼容 */
@media screen and (max-width:800px) {
    .banner h1 {
        font-size: 2rem;
        line-height: 2.8rem;
    }
    .banner p {
        font-size: 1.4rem;
        line-height: 2.6rem;
        margin-top: 1.6rem;
        max-width: 26.5rem;
    }
    .banner .navbar {
        margin: 1.3rem 0 1.5rem 0;
        font-size: 1.2rem;
        color: #6A6E73;
        line-height: 2.4rem;
    }
    .skeleton:hover,
    .imgbox:hover,
    .skeleton,
    .imgbox {
        min-height: 32vw;
    }
    .banner .imgbox {
        min-height: 80vw;
    }
    .pc {
        display: none !important;
    }
    .wap {
        display: block !important;
    }
    .wpbanner,
    .wp,
    .wpa,
    .wp1l,
    .wp1,
    .wp2 {
        padding: 0 5.33vw;
    }
    body,
    html {
        font-size: 10px;
    }
    .mtop {
        margin-top: calc(8.13vw + 1.2rem);
        padding-bottom: 0;
    }
    .model {
        margin: 6rem auto;
    }
    .selectbox .options p {
        font-size: 1.4rem;
        line-height: 3rem;
        cursor: pointer;
    }
    #toast {
        padding: 8px 16px;
        font-size: 1.3rem;
    }
    .emptylist {
        padding-top: 8rem;
        padding-bottom: 8rem;
        text-align: center;
        font-size: 1.2rem;
        color: #313336;
        line-height: 1.7rem;
        display: block;
        margin: 0 auto;
    }
    .emptylist img {
        display: block;
        width: 15.4rem;
        margin: 0 auto 1rem;
    }
    /* 头部 */
    header .header {
        padding: 0.6rem 5.33vw;
    }
    header .header .logo .bg {
        width: 18.13vw;
    }
    header .header .closenav {
        width: 8.53vw;
        display: none;
    }
    header .header .navbtn {
        display: none;
        width: 8.53vw;
    }
    header .header .navbtn.navW {
        display: block;
    }
    header.bbg .header .navbtn.navW {
        display: none;
    }
    header.bbg .header .navbtn.navB {
        display: block;
    }
    header .header .fbbtn,
    header .header .navItem {
        display: none;
    }
    header .wapnavItem {
        position: fixed;
        left: 0;
        top: calc(8.53vw + 1.2rem);
        transition: all 0.2s linear 0s;
        bottom: 0;
        right: 0;
        width: 100vw;
        height: 0;
        background-color: #fff;
        z-index: 99;
        display: block;
        overflow: hidden;
    }
    header .wapnavItem .navItem {
        padding-top: 0.9rem;
        padding-bottom: 2.3rem;
        font-size: 1.7rem;
        font-family: PingFangSC-Medium;
        font-weight: 500;
        color: #313336;
        line-height: 2.6rem;
        box-sizing: border-box;
        max-height: calc(100vh - 8.53vw - 1.2rem);
        overflow-y: auto;
    }
    header .wapnavItem .navItem .list {
        padding: 1.6rem 0;
        border-bottom: 1px solid #EAEDF3;
    }
    header .wapnavItem .navItem .list:last-child {
        margin-bottom: 4rem;
        border-bottom: 0;
    }
    header .wapnavItem .navItem .list a {
        display: block;
    }
    header .wapnavItem .navItem .list .servicelist,
    header .wapnavItem .navItem .list .caselist {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    header .wapnavItem .navItem .list .servicelist a .icon {
        width: 2.4rem;
        display: block;
        margin-right: 1.5rem;
    }
    header .wapnavItem .navItem .list .servicelist a {
        width: 43vw;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        box-sizing: border-box;
        padding: 1.2rem 2rem;
        background: #efefef;
        border-radius: 0.8rem;
        font-size: 1.4rem;
        color: #313336;
        line-height: 2.1rem;
        font-family: Jost-Medium, PingFangSC;
        font-weight: 400;
        margin-top: 1.2rem;
        white-space: nowrap;
    }
    header .wapnavItem .navItem .list .caselist a {
        font-size: 1.4rem;
        color: #313336;
        line-height: 2.1rem;
        font-family: Jost-Medium, PingFangSC;
        font-weight: 400;
        margin-top: 1.2rem;
        width: 24vw;
    }
    header .wapnavItem .navItem .list .caselist a:nth-child(3n) {
        margin-right: 0;
    }
    header>.li {
        display: none;
    }
    header .wapnavItem .navItem .bottombox {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 3rem 0 6rem;
    }
    header .wapnavItem .navItem .bottombox  a{
        font-size: 1.4rem;
        line-height: 1.9rem;
        position: relative;
        color: #6A6E73;
    }
    header .wapnavItem .navItem .bottombox  a.hot{
        color: #EE5060;
    }
    header .wapnavItem .navItem .bottombox  a .ico{
        width: 2.8rem;
        position: absolute;
        bottom: 100%;
        right: -2rem;
    }
    /* 头部结束 */
    /* 底部 */
    .fbbox .absolute {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .fbbox h1 {
        text-align: center;
        line-height: 3rem;
        font-size: 2.2rem;
    }
    .fbbox .form {
        width: 100%;
    }
    .fbbox .tips {
        font-size: 1.2rem;
        line-height: 1.7rem;
        text-align: center;
    }
    .fbbox .formflex {
        display: block;
        margin-top: 2.2rem;
    }
    .fbbox .formflex .label {
        font-size: 1.4rem;
        line-height: 2.6rem;
    }
    .fbbox .formflex .mcodebox {
        display: none;
    }
    .fbbox .formflex .input {
        margin-right: 0;
        margin-bottom: 2.8rem;
        padding: 0 0.8rem;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .fbbox .formflex .input input {
        height: 4rem;
        line-height: 4rem;
        width: 100%;
        box-sizing: border-box;
        font-size: 1.4rem;
    }
    .fbbox .formflex .mcodebox input {
        width: calc(100% - 7rem);
    }
    .fbbox .formflex .input .getcode {
        font-size: 1.4rem;
    }
    .fbbox .fbbtn {
        font-size: 1.6rem;
        line-height: 4rem;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        margin: 0 0 1.6rem;
        white-space: nowrap;
    }
    .fbbox .success .formflex {
        margin-top: 8rem;
    }
    .fbbox .success .icon {
        width: 5.2rem;
        display: block;
        margin: 0 auto 2rem;
    }
    .fbbox .success h3 {
        font-size: 2.4rem;
        line-height: 3.3rem;
        text-align: center;
    }
    .fbbox .success p {
        text-align: center;
        font-size: 1.6rem;
        line-height: 3rem;
        margin: 0.4rem 0 0rem;
    }
    /* 底部结束 */
    .zdzxprop{
        position: fixed;
        right:5vw;
        bottom: auto;
        top: 60px;
        background: url(../images/propbg-wap.png)  center no-repeat #fff;
        background-size: 100% 100%;
        border-radius: 0.6rem;
        width:90vw;
        /* box-shadow: 0px 11px 30px 0px rgba(114, 124, 141, 0.08); */
        box-sizing: border-box;
    }
    .zdzxprop .close{
        width: 1.2rem;
        top: 1.6rem;
        right: 1.6rem;
    }
    .zdzxprop .info .head{
        width: 5.4rem;
        height: 5.4rem;
        margin-right: 0.8rem;
    }
    .zdzxprop .info>div{
        width: calc(100% - 6.2rem);
    }
    .zdzxprop .info h3{
        font-size: 1.8rem;
        color: #051624;-webkit-text-fill-color:#051624;
    }
    .zdzxprop .info p{
        font-size: 1.2rem;
    margin-top: 0.8rem;color: #5C728F;
    }
    .zdzxprop .ljzxbtn{
        font-size: 1.4rem;
    line-height: 3.8rem;
    border-radius: 0.6rem;
    margin-top: 2rem;background: #e8374a;color: #FFFFFF;
    }
    /* 公用样式 */
    select {
        padding-right: 1.4rem;
        background-size: 1.6rem auto;
    }
    .maintitle {
        font-size: 2.2rem;
        line-height: 3rem;
        margin: 0;
    }
    .maintitle.left {
        text-align: center;
    }
    .absolute {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
    .empty {
        margin: 2.8rem 0 6rem;
    }
    .empty .content {
        background: #F3F5FB;
        border-radius: 1.2rem;
        font-size: 1.8rem;
        padding: 4rem 0;
    }
    .cookiebox {
        display: flex !important;
        justify-content: center;
        align-items: center;
        font-size: 1.2rem;
        color: #6A6E73;
        line-height: 1.7rem;
        user-select: none;
    }
    .cookiebox i {
        width: calc(1.2rem - 2px);
        height: calc(1.2rem - 2px);
    }
    .cookiebox label.on i {
        width: 1.2rem;
        height: 1.2rem;
    }
    .jxtips {
        width: 28px;
        height: 16px;
        background: linear-gradient(270deg, #E9AC5A 0%, #EEB466 0%, #FFDDBD 100%);
        border-radius: 6px 0px 6px 0px;
        font-size: 10px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #865B24;
        line-height: 16px;
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
    }
    .loading {
        width: 26vw;
        display: block;
        margin: 5vh auto;
    }
    /* 公用样式结束 */
}
/* 移动端兼容结束 */
.consultepop {
    position: fixed;
    right: 16px;
    bottom: 50px;
    width: 360px;
    height: 430px;
    z-index: 99999;
    display: none;
}
.pagination {margin:30px 0 30px;clear:both;font-size:13px;}
.pagination span,.pagination a {margin-bottom: 10px;display:inline-block;padding:1px 13px;border:1px solid #000;color:#000;height:34px;line-height:34px;margin:0 3px;*zoom:1;color:#000;}
.pagination a:hover {text-decoration:none;}
.pagination a:active {color:#d00c1d;}
.pagination .disabled {cursor:default;color:#ccc;}
.pagination a:hover,.pagination .current {border-color:#000;background:#000;color:#fff;}
.pagination-default {text-align:center;width:100%}
.pagination-right {text-align:right;}
.pagination-left {text-align:left;}
.pagination img{width: 1.3rem;vertical-align: middle;}