html {
    font-size: 100px;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
select,
th,
td,
a,
div {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body,
button,
input,
select,
textarea {
    font-size: 12px;
    font-family: "k";
    color: #333
}

input {
    -webkit-appearance: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

address,
cite,
dfn,
em,
var,
i,
s {
    font-style: normal;
}

body {
    line-height: 1;
    overflow-x: hidden;
}

ul,
ol,
li,
dd,
dl {
    list-style: none;
}

img {
    border: 0;
}

a {
    color: #000;
    text-decoration: none !important;
}

    a:hover {
        cursor: pointer;
    }


.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

.clearfix {
    display: block;
}

.fl,
.lefter {
    float: left;
}

.fr,
.righter {
    float: right;
}

.container {
    width: 15rem;
    margin: 0 auto;
}

.container2 {
    width: 78.91%;
    margin: 0 auto;
}

 

.wlwkbanner div:has(.colorwhite) {
    top: 1.91rem;
    left: 2.07rem;
}

.zIdx-1 {
    z-index: -1;
}

.zIdx0 {
    z-index: 0;
}

.zIdx1 {
    z-index: 0;
}

.zIdx10 {
    z-index: 10;
}

.zIdx999 {
    z-index: 999;
}

.p-indent {
    text-indent: 2em;
}

.borderdeep {
    border: 1px solid #3C3D42 !important;
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
    border-image: linear-gradient(to right, rgba(60, 61, 66, 0.00) 0%, #3C3D42 54.69%, rgba(60, 61, 66, 0.00) 100%) 1 !important;
}

.colorwhite {
    color: #FFFFFF !important;
}

.borderwhite {
    border: 1px solid #FFFFFF !important;
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
    border-image: linear-gradient(to right, rgba(255, 255, 255, 0.00) 0%, #FFF 54.69%, rgba(255, 255, 255, 0.00) 100%) 1 !important;
}

@font-face {
    font-family: 'HarmonyOS Sans SC';
    src: url('/font/HarmonyOS_Sans_Regular.ttf') format('truetype');
    /* 寮曞叆楦胯挋瀛椾綋鐨勭矖浣撶増鏈� */
    font-family: 'HarmonyOS Sans SC Bold';
    src: url('/font/HarmonyOS_Sans_Bold.ttf') format('truetype');
}



.loading {
    width: 130px;
    padding: 14px 0;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 30%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9999999;
    border-radius: 10px;
}

    .loading div {
        margin-top: 10px;
    }



.page-header {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: .2rem;
}


@media only screen and (min-width:1600px) and (max-width:1680px) {
    .container {
        width: 84%;
    }
}

@media only screen and (min-width:1270px) and (max-width:1460px) {
}

:focus {
    outline: none;
}

.rela {
    position: relative;
}

.cb {
    clear: both;
}

.tc {
    text-align: center;
}

.tl {
    text-align: left;
}

.tr {
    text-align: right;
}

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

.list li {
    float: left;
}

    .list li.last {
        margin-right: 0 !important;
    }

.block {
    display: block;
}

/*icon*/
/*.icon {
    display: inline-block;
    background: url(/app_static/images/tel.png) no-repeat;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-size: 20px;
    margin-right: 5px;
}*/

@font-face {
    font-family: "b";
    src: url("../font/HarmonyOS_Sans_Bold.ttf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "l";
    src: url("../font/HarmonyOS_Sans_Light.ttf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "m";
    src: url("../font/HarmonyOS_Sans_Medium.ttf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "r";
    src: url("../font/HarmonyOS_Sans_Regular.ttf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "k";
    src: url("../font/Roboto-Regular.ttf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "t";
    src: url("../font/HarmonyOS_Sans_Black.ttf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "bb";
    src: url("../font/Roboto-Bold.ttf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "ll";
    src: url("../font/Roboto-Light.ttf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "mm";
    src: url("../font/Roboto-Medium.ttf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "rr";
    src: url("../font/Roboto-Regular.ttf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@media only screen and (max-width:1920px) {
    html {
        font-size: 100px
    }

    .container {
        width: 15rem;
        margin: 0 auto;
    }
}

@media only screen and (max-width:1680px) {
    html {
        font-size: 87.5px
    }

    .container {
        width: 15rem;
        margin: 0 auto;
    }
}

@media only screen and (max-width:1600px) {
    html {
        font-size: 83.3px
    }

    .container {
        width: 15rem;
        margin: 0 auto;
    }
}

@media only screen and (max-width:1440px) {
    html {
        font-size: 100px
    }

    .container {
        width: 15rem;
        margin: 0 auto;
    }
}

@media only screen and (max-width:1400px) {
    html {
        font-size: 75px
    }

    .container {
        width: 15rem;
        margin: 0 auto;
    }
}

@media only screen and (max-width:1366px) {
    html {
        font-size: 71.1px
    }

    .container {
        width: 15rem;
        margin: 0 auto;
    }
}

@media only screen and (max-width:1360px) {
    html {
        font-size: 70.8px
    }

    .container {
        width: 15rem;
        margin: 0 auto;
    }
}

@media only screen and (max-width:1280px) {
    html {
        font-size: 66.7px
    }

    .container {
        width: 15rem;
        margin: 0 auto;
    }
}

@media only screen and (max-width:1152px) {
    html {
        font-size: 60px
    }

    .container {
        width: 15rem;
        margin: 0 auto;
    }
}

@media only screen and (max-width:1024px) {
    html {
        font-size: 53.3px
    }

    .container {
        width: 15rem;
        margin: 0 auto;
    }
}

.head {
    width: 100%;
    position: fixed;
    top: 0;
    display: flex;
    justify-content: space-between;
    padding: 0 0 0 0.43rem;
    z-index: 99;
}

    .head ul {
        display: flex;
        margin-left: 1.7rem;
    }

        .head ul li > a {
            font-family: 'll';
            font-style: normal;
            font-weight: 300;
            font-size: 0.18rem;
            line-height: 0.21rem;
            padding-top: 0.4rem;
            padding-bottom: 0.23rem;
            display: block;
            color: #FFFFFF;
            margin: 0 0.2rem;
            border-bottom: 0.02rem solid #00000000;
        }

        .head ul li:hover > a {
            color: #EE731B;
            border-bottom: 0.02rem solid #EE731B;
        }

.dylogo {
    width: 2rem;
    height: 0.3497rem;
    background: url(/app_static/images/logo.png) no-repeat;
    background-size: 2rem 0.3497rem;
    margin-top: 0.3rem;
}

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

.dyss {
    height: 0.22rem;
    width: 2.22rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .dyss input[type='text'] {
        border: 0;
        outline: 0;
        background: #00000000;
        border-bottom: 0.01rem solid #fff;
        font-family: 'l';
        font-style: normal;
        font-weight: 300;
        font-size: 0.16rem;
        line-height: 0.19rem;
        width: 0;
        text-transform: capitalize;
        color: #FFFFFF;
    }

    .dyss input[type='button'] {
        width: 0.22rem;
        height: 0.22rem;
        border: 0;
        outline: 0;
        background: url(/app_static/images/ssw.png) no-repeat;
        background-size: 0.22rem 0.22rem;
    }

.sss {
    width: auto !important;
}

.dygw {
    width: 0.68rem;
    height: 100%;
    background: url(/app_static/images/gww.png) no-repeat center;
    background-size: 0.22rem 0.22rem;
}

.dylang {
    width: 0.2rem;
    height: .2rem;
    background: url(/app_static/images/language.png) no-repeat;
    background-size: 0.2rem 0.2rem;
    margin-left: 0rem;
    margin-right: 0.25rem;
    position: relative;
    cursor: pointer;
}


.Inquiry {
    width: 0.9rem;
    height: 0.3rem;
    border: 0.01rem solid #FFFFFF;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'll';
    font-style: normal;
    font-weight: 300;
    font-size: 0.16rem;
    line-height: 0.19rem;
    text-transform: capitalize;
    color: #FFFFFF;
}

.head2 {
    background: #fff;
}

    .head2.headwhite {
        background: #fff;
        padding-right: .16rem;
/*        width: 90vw;*/
        width: 16rem;
        margin: auto;
    }

    .head2 .dylogo {
        background: url(/app_static/images/logo1.png) no-repeat;
        background-size: 2rem 0.3497rem;
    }

    .head2 ul li > a {
        color: #333;
    }

    .head2 .dyss input[type='button'] {
        background: url(/app_static/images/ssg.png) no-repeat;
        background-size: 0.22rem 0.22rem;
    }

    .head2 .dyss input[type='text'] {
        border-bottom: 0.01rem solid #333;
        color: #333;
    }

    .head2 .dygw {
        background: url(/app_static/images/gww.png) no-repeat center;
        background-color: #EE7318;
        background-size: 0.22rem 0.22rem;
    }

    .head2 .dylang {
        background: url(/app_static/images/language1.png) no-repeat;
        background-size: 0.2rem 0.2rem;
    }

    .head2 .Inquiry {
        border: 0.01rem solid #FF852C;
        color: #fff;
        background: #FF852C;
    }

.headhover {
    border-top: 1px solid #D9D9D9;
    width: 100%;
    height: 3.68rem;
    background: #fff;
    position: fixed;
    top: 0.86rem;
    display: flex;
    justify-content: center;
    left: 0;
}

    .headhover a > div {
        width: 1.64rem;
        height: 2.25rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100%;
    }

    .headhover a {
        margin: 0.42rem 0.725rem 0;
    }

        .headhover a p {
            width: 100%;
            text-align: center;
            margin-top: 0.36rem;
            font-family: 'll';
            font-style: normal;
            font-weight: 300;
            font-size: 0.18rem;
            line-height: 0.21rem;
            text-transform: capitalize;
            color: #333333;
        }

        .headhover a > div img {
            width: 100%;
            height: 100%;
        }

        .headhover a > div .is_active {
            width: 100%;
            height: 100%;
            display: none;
        }

        .headhover a:hover > div img {
            display: none;
        }

        .headhover a:hover > div .is_active {
            display: block;
        }

        .headhover a:hover p {
            color: #EE731B;
        }


.head2 {
    width: 100%;
    height: .94rem;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.43rem 0 0.43rem;
    z-index: 99;
}

    .head2 ul {
        display: flex;
        margin-left: 1.7rem;
/*        padding-right: 0.61rem;*/
        align-items: center;
    }

        .head2 ul li > a {
            font-family: 'HarmonyOS Sans SC';
            font-style: normal;
            font-weight: 400;
            font-size: .18rem;
            line-height: .21rem;
            color: #70757C;
            display: block;
            margin: 0 0.27rem;
            border-bottom: 0.02rem solid #00000000;
        }

        .head2 ul li.active > a {
            color: #2177DD;
        }

        .head2 ul li:hover > a {
            color: #2177DD;
        }

.iotlogo {
    width: 1.05rem;
    height: .53rem;
    background: url(/images/logo.png) no-repeat;
    background-size: 1rem .53rem;
}

.searchicon {
    height: .15rem;
    width: .15rem;
    margin-left: .1rem;
    background: url(/app_static/images/searchiocn.png) no-repeat;
    background-size: .15rem .15rem;
    cursor: pointer;
    margin-right: .22rem;
}



.lr {
    height: 0.94rem;
    display: flex;
    align-items: center;
}

.loginbtn,
.zhcebtn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: .54rem;
    height: .25rem;
    border-radius: .02rem;
    border: .01rem solid #E0E5F0;
    background: linear-gradient(180deg, #F4F6F9 0%, #FFF 100%);
    box-shadow: 0px 2px 8px 0px rgba(143, 149, 171, 0.12);
    color: #7985A3;
    font-family: HarmonyOS Sans SC;
    font-size: .16rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.loginbtn {
    margin-right: .07rem;
}

.mbbanner {
    display: none;
}

.dybanner {
    width: 100%;
    height: 100vh;
}

    .dybanner .items {
        position: relative;
    }

.bannernr {
    position: absolute;
    top: 0;
    padding: 4.18rem 0 0 1.87rem;
    z-index: 10000000;
}

    .bannernr .ReadMore {
        background: #005F66;
        left: 0;
        transform: translateX(0);
        color: #FFFFFF;
    }

    .bannernr h5 {
        font-family: Roboto;
        font-size: .52rem;
        font-weight: 400;
        line-height: .6rem;
        letter-spacing: 0em;
        text-align: left;
        color: #000000;
    }

    .bannernr h6 {
        font-family: Roboto;
        font-size: .42rem;
        font-weight: 300;
        line-height: .6rem;
        letter-spacing: 0em;
        text-align: left;
        margin-top: .1rem;
        margin-bottom: .51rem;
        color: #333333;
    }

.selectlang {
    width: 2rem;
    position: absolute;
    top: .5rem;
    right: -0.9rem;
    background-color: #fff;
    display: none;
}

    .selectlang div {
        height: .5rem;
        text-align: center;
    }

        .selectlang div a {
            display: block;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Roboto';
            font-style: normal;
            font-size: .16rem;
            text-align: center;
            text-transform: capitalize;
            color: #000000;
            margin-bottom: .15rem;
        }

.dybanner .swiper-slide img {
    width: 100%;
    height: 100%;
}

.dybanner .swiper-button-next:after,
.dybanner .swiper-rtl .swiper-button-prev:after {
    display: none;
}

.dybanner .swiper-button-prev:after,
.dybanner .swiper-rtl .swiper-button-next:after {
    display: none;
}

.dybanner .swiper-button-next,
.dybanner .swiper-rtl .swiper-button-prev {
    right: 0.3699rem;
    left: auto;
    background: url(/app_static/images/dyr.png);
    background-size: 0.1302rem 0.2779rem;
}

.dybanner .swiper-button-prev,
.dybanner .swiper-rtl .swiper-button-next {
    left: 0.3699rem;
    right: auto;
    background: url(/app_static/images/dyl.png);
    background-size: 0.1302rem 0.2779rem;
}

.dybanner .swiper-button-next,
.dybanner .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 0.1302rem;
    height: 0.2779rem;
    margin-top: calc(0px - (var(--swiper-navigation-size)/2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.droplist {
    display: none;
}

.bigsearch {
    display: none;
}

.mbhead {
    display: none;
}


/* 鐢佃剳 */
.iobox {
    width: 100vw;
}

.iotbanner {
    height: calc(100vh - 0.94rem);
    width: 100vw;
}

    .iotbanner .items .imgbanner {
        width: 100vw;
        object-fit: cover;
        height: 100vh;
    }



    .iotbanner .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        /* top: 3.9722rem;
  left: .34rem; */
        top: 3.7rem;
        left: .15rem;
        width: 0.8rem;
        height: 0.8rem;
        border-radius: .08rem;
    }

        .iotbanner .swiper-button-prev:hover,
        .swiper-rtl .swiper-button-next:hover {
            background-color: rgba(0, 0, 0, 0.05);
        }

    .iotbanner .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        /* top: 3.9722rem;
  right: .34rem; */
        top: 3.7rem;
        right: .25rem;
        width: 0.8rem;
        height: 0.8rem;
        border-radius: .08rem;
    }

        .iotbanner .swiper-button-next:hover,
        .swiper-rtl .swiper-button-prev:hover {
            background-color: rgba(0, 0, 0, 0.05);
        }

        .iotbanner .swiper-button-next:after,
        .iotbanner .swiper-button-prev:after {
            font-size: .2rem;
            color: #75767A;
        }


.iotbannerxian {
    position: absolute;
    top: 1.5rem;
    z-index: 10;
    right: 3.5rem;
    width: 7.48rem;
    height: 6rem;
}

.iotbannerman {
    z-index: 11;
}












.iotbanner .swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    left: 0;
    bottom: 0.36rem;
}

    .iotbanner .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 .14rem !important;
    }

.iotbanner .swiper-pagination-bullet-active {
    background-color: #4A4A4A;
}

.bannernr1 {
    position: absolute;
    top: 2.75rem;
    left: 2.49rem;
    right: 2.49rem;
    z-index: 2;
}

    .bannernr1 .ReadMore {
        width: 2rem;
        height: .56rem;
        border: 0rem solid #A4A4A4;
        left: 0;
        /*        background: linear-gradient(359deg, rgb(184 214 255/20%) 10%, #6294f5 49.58%, rgb(186 181 255) 100%);*/
        background: linear-gradient( 270deg, #cae4ff 0%,#bad6fe 50%,#9ec7ff 100%);
        transform: translateX(0);
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 300;
        font-size: .18rem;
        text-align: center;
        color: #3C3D42;
        position: relative;
        overflow: hidden;
    }

        .bannernr1 .ReadMore:after,
        .bannernr1 .ReadMore:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 0;
            height: 100%;
            background: rgba(0, 0, 0, 0);
            z-index: -2;
            border-radius: .5rem;
        }

        .bannernr1 .ReadMore:hover {
            z-index: 1;
            background: transparent;
        }

        .bannernr1 .ReadMore:before {
            transition: 0.2s;
            background: #2177DD;
            z-index: -1;
        }

        .bannernr1 .ReadMore:hover:after,
        .bannernr1 .ReadMore:hover:before {
            width: 100%;
        }


    .bannernr1 h5 {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 700;
        font-size: .58rem;
        line-height: .68rem;
        color: #3C3D42;
        margin-bottom: .25rem;
    }

    .bannernr1 h6 {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 400;
        font-size: .48rem;
        line-height: .56rem;
        color: #3C3D42;
    }

.home-banner3 {
    background: linear-gradient( 90deg, #F0F5FC 10%, #e9f1fc 70%);
}
.home-banner2 .ReadMore:before {
    background: #808eb2;
}
.home-banner2 .ReadMore {
    background: none !important;
    color: #000;
}

.home-banner3 .ReadMore:before {
    background: #3B7398;
}
.home-banner3 .ReadMore {
    background: linear-gradient(210deg, #d5fcfd 10%, #6badd9 90%) !important;
    border: 1px solid #b7f4fa !important;
    color: #000;
}

.iotbannermap {
    position: absolute;
    width: 11.7909rem;
    height: 5.9421rem;
    top: .82rem;
    left: 5.28rem;
    z-index: 1;
}

.iotbannerman {
    position: absolute;
    width: 3.05rem;
    height: 4.52rem;
    top: 3.17rem;
    left: 10.9rem;
    z-index: 11;
}

.iot {
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    box-shadow: .02rem .04rem .12rem .01rem rgba(0, 0, 0, 0.15);
    cursor: pointer;
    animation-duration: 1.8s, 1s;
    animation-iteration-count: infinite, 1;
    animation-timing-function: ease-in-out, linear;
    animation-fill-mode: backwards, forwards;
}
/*搴曢儴鏍峰紡*/
.iotfoot {
    width: 100vw;
    /*    height: 5.2rem;*/
    background: linear-gradient(100.13deg, #101217 43.29%, rgba(17, 18, 24) 100%);
    padding: 1.08rem 2.51rem .16rem;
}

.anim {
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
}

.iot:hover img {
    transform: scale(1.1);
}

.iotInfinite {
    animation-iteration-count: infinite;
}



.iot img {
    width: 66%;
    transition: .4s;
}

.iot1 {
    /*width: .86rem;
    height: .86rem;*/
    /* background: linear-gradient(216.67deg, #720E96 13.94%, #773FD2 84.91%); */
    /*box-shadow: .02rem .04rem .12rem .01rem rgba(0, 0, 0, 0.15);
    top: 1.5rem;
    left: 7.2rem;
    z-index: 1;*/
    width: 1.07rem;
    height: 1.07rem;
    background: linear-gradient(53.13deg, #43A9F8 15.8%, #3049D3 86.15%);
    top: 1.4rem;
    left: 7.6rem;
    z-index: 1;
}

.iot2 {
    width: .62rem;
    height: .62rem;
    background: linear-gradient(208.74deg, #E74D46 6.57%, #F78E8A 90.57%);
    top: 2rem;
    left: 11rem;
    z-index: 1;
}

.iot3 {
    width: 1.04rem;
    height: 1.04rem;
    background: linear-gradient(142.06deg, #189BB8 16.15%, #37D6EF 84.49%, #37B8EF 84.49%);
    top: 1.53rem;
    left: 13.4rem;
    z-index: 1;
}

.iot4 {
    width: .86rem;
    height: .86rem;
    background: linear-gradient(134.33deg, #627AFC 16.28%, #43A9F8 81.44%);
    top: 2.31rem;
    left: 15.82rem;
    z-index: 1;
}

/*.iot5 {
    width: 1.07rem;
    height: 1.07rem;
    background: linear-gradient(53.13deg, #43A9F8 15.8%, #3049D3 86.15%);
      top: 2.97rem;  
     left: 9.19rem; 
     z-index: 1;  
}*/

.iot6 img {
    width: .3826rem;
}

.iot6 {
    width: .7rem;
    height: .7rem;
    background: linear-gradient(139.24deg, #C22F99 19.42%, #FB67B8 83.04%);
    top: 3.03rem;
    left: 14rem;
    z-index: 1;
}

.iot7 {
    width: .68rem;
    height: .68rem;
    background: linear-gradient(120.51deg, #F1882C 8.3%, #F4B116 94.47%);
    top: 4.5rem;
    left: 8.31rem;
    z-index: 1;
}

.iot8 {
    width: .86rem;
    height: .86rem;
    background: linear-gradient(131.41deg, #2373BA 18.15%, #6CA4E8 83.37%);
    top: 4.72rem;
    left: 14.91rem;
    z-index: 1;
}

.iot9 {
    width: .8rem;
    height: .8rem;
    background: linear-gradient(199.93deg, #19B1BB 7.98%, #37D6EF 91.02%);
    box-shadow: 0;
    top: 6.16rem;
    left: 8.98rem;
    z-index: 1;
}

.iot10 {
    width: .72rem;
    height: .72rem;
    background: linear-gradient(120.51deg, #F1882C 8.3%, #F4B116 94.47%);
    top: 6.44rem;
    left: 15.63rem;
    z-index: 1;
}

.iot {
    z-index: 12;
}

.iotbox {
    /* width: 1.5rem;
  height: 1.5rem; */
    position: absolute;
    /* top: 1.3rem;
  left: 6.67rem; */
    z-index: 1;
    border-radius: 100%;
    /* border: 1px solid #BF32C2; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.iotbox1 {
    width: 1.5rem;
    height: 1.5rem;
    top: 1.3rem;
    left: 6.67rem;
    border: .01rem solid rgba(0, 0, 0, 0);
}

.ReadMore {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.47rem;
    height: .42rem;
    border: .01rem solid #A4A4A4;
    border-radius: .5rem;
    margin-top: .69rem;
}

    .ReadMore:hover {
        color: #fff;
    }


.wlwk {
    width: 100vw;
    height: 8.66rem;
    background-color: #F6F8FC;
    padding: 1.17rem 2.01rem;
    padding-top: .93rem;
}

    .wlwk > h1 {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 400;
        font-size: .38rem;
        line-height: .56rem;
        text-align: center;
        color: #27221C;
        margin-bottom: .46rem;
    }

    .wlwk > p {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 300;
        font-size: .18rem;
        line-height: .3rem;
        text-align: center;
        color: #63728A;
        width: 5.22rem;
        margin: 0 auto;
        margin-bottom: .4rem;
    }

.wkcard {
    width: 3.4rem;
    height: 4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .02rem;
    border: .02rem solid #ececec;
    background: linear-gradient(180deg, #F4F6F9 0%, #FFF 100%);
    box-shadow: 0px 2px 8px 0px rgba(143, 149, 171, 0.12);
    padding-top: .6rem;
}

.wkbox ul {
    display: flex;
    margin-bottom: .75rem;
}

    .wkbox ul li {
        margin-right: .47rem;
    }

        .wkbox ul li:nth-child(4n) {
            margin-right: 0;
        }

        .wkbox ul li img {
            width: .7587rem;
            height: .48rem;
            margin-bottom: .36rem;
        }

        .wkbox ul li p {
            width: 2.6rem;
            text-align: center;
            color: #555;
            font-family: HarmonyOS Sans SC;
            font-size: .18rem;
            font-style: normal;
            font-weight: 300;
            line-height: .38rem;
            margin-top: .16rem;
        }

        .wkbox ul li h2 {
            margin-bottom: .18rem;
            color: #404442;
            font-family: HarmonyOS Sans SC;
            font-size: .24rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }




.wkSwiper {
    width: 100%;
}

    .wkSwiper .swiper-pagination1 {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: .42rem;
    }

    .wkSwiper .swiper-pagination-bullet {
        width: .08rem;
        height: .08rem;
    }

    .wkSwiper .swiper-pagination-bullet-active {
        background-color: #8DD047;
        width: .1rem;
        height: .1rem;
    }



/* 瑙ｅ喅鏂规 */
.solution {
    /* background-color: #fff; */
    padding-top: 1.08rem;
    padding-bottom: 1.25rem;
}

    .solution h1 {
        color: #272727;
        text-align: center;
        font-family: HarmonyOS Sans SC;
        font-size: .38rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: .019rem;
        margin-bottom: .47rem;
    }

.solutionbox {
    margin: 0 auto;
}

    .solutionbox ul {
        display: flex;
        justify-content: center;
    }

        .solutionbox ul li {
            width: 1.81rem;
            height: 4.26rem;
            padding-left: .24rem;
            padding-top: .39rem;
            padding-right: .16rem;
            position: relative;
            margin-right: .19rem;
            cursor: pointer;
            overflow: hidden;
        }

            .solutionbox ul li:nth-child(6) {
                margin-right: 0;
            }

            .solutionbox ul li.active {
                width: 5rem;
            }

            .solutionbox ul li .soimg img {
                height: 4.26rem;
                position: absolute;
                left: 0;
                top: 0;
                z-index: -1;
            }

                .solutionbox ul li .soimg img:first-child {
                    display: block;
                    width: 1.81rem;
                }

                .solutionbox ul li .soimg img:last-child {
                    display: none;
                }

            .solutionbox ul li.active .soimg img:first-child {
                display: none;
            }

            .solutionbox ul li.active .soimg img:last-child {
                display: block;
                /* width: 5rem; */
            }

            .solutionbox ul li .sobtn {
                display: none;
            }

            .solutionbox ul li.active .sobtn {
                display: flex;
                margin-top: .39rem;
            }

            .solutionbox ul li h2 {
                color: #FFF;
                font-family: HarmonyOS Sans SC;
                font-size: .24rem;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                margin-bottom: .15rem;
            }

            .solutionbox ul li.active h2 {
                color: #404442;
            }

            .solutionbox ul li p {
                color: #FFF;
                font-family: HarmonyOS Sans SC;
                font-size: .18rem;
                font-style: normal;
                font-weight: 300;
                line-height: .36rem;
                display: -webkit-box;
                text-overflow: ellipsis;
                overflow: hidden;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 4;
            }

            .solutionbox ul li.active p {
                color: #404442;
            }




/*鏇村鎸夐挳*/
.gdbtn {
    display: flex;
    width: 1.68rem;
    height: 0.45rem;
    margin: 0 auto;
    border-radius: 0.5rem;
    border: 1px solid #c2dfff;
    background: linear-gradient( 180deg, #c8ddff 0%, #fff 100%);
    box-shadow: 0px 6px 8px 0px rgb(0 0 0 / 10%);
    font-family: 'HarmonyOS Sans SC';
    font-style: normal;
    font-weight: 400;
    font-size: .18rem;
    text-align: center;
    color: #7985A3;
    align-items: center;
    justify-content: center;
}

    .gdbtn:hover {
        color: #2177DD;
        background: linear-gradient( 0deg, #aecbf9 0%, #fff 100%);
    }



.whychoose {
    width: 100%;
    /* height: 9.03rem; */
    background-color: #fff;
    padding-top: 1.3rem;
    padding-bottom: 1.27rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.whycardbox {
    display: flex;
    margin-bottom: .49rem;
}

.whychoose h1 {
    font-family: 'HarmonyOS Sans SC';
    font-style: normal;
    font-weight: 400;
    font-size: .38rem;
    line-height: .28rem;
    text-align: center;
    color: #000000;
    margin-bottom: .8rem;
}

.whycardbox ul {
    display: flex;
}

    .whycardbox ul .whycard {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 .36rem;
    }

        .whycardbox ul .whycard img {
            width: .72rem;
            height: .72rem;
            margin-bottom: .4rem;
        }

        .whycardbox ul .whycard h2 {
            color: #404442;
            font-family: HarmonyOS Sans SC;
            font-size: .24rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            margin-bottom: .22rem;
        }

.smline {
    display: block;
    width: .27rem;
    height: .02rem;
    border-radius: .5rem;
    background: #2177DD;
}

.wkdet {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fgline {
    width: 1px;
    height: 3.52rem;
    background: linear-gradient(90deg, rgba(223, 223, 223, 0.00) 0%, #DFDFDF 49.24%, rgba(223, 223, 223, 0.00) 100%);
}

.whycardbox ul .whycard p {
    width: 3.52rem;
    color: #555;
    text-align: center;
    font-family: HarmonyOS Sans SC;
    font-size: .18rem;
    font-style: normal;
    font-weight: 300;
    line-height: .38rem;
    margin-top: .23rem;
}


/*棣栭〉 CardBoss */
.cardboss {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 0.98rem;
    padding-bottom: 1.1rem;
    background-color: #F4F6F9;
}

    .cardboss h1 {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 400;
        font-size: .38rem;
        line-height: .56rem;
        text-align: center;
        color: #27221C;
        margin-bottom: .43rem;
    }


.cardbossbox {
    display: flex;
}

.cardbosscardbox ul {
    display: flex;
}


.cardbosscard {
    width: 3.4rem;
    height: 4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .02rem;
    border: .02rem solid #e2e2e2;
    background: linear-gradient(180deg, #F4F6F9 0%, #FFF 100%);
    box-shadow: 0px 2px 8px 0px rgba(143, 149, 171, 0.12);
    padding-top: .6rem;
}

.cardbossbox ul {
    display: flex;
    margin-bottom: .75rem;
}

    .cardbossbox ul li {
        margin-right: .47rem;
    }

        .cardbossbox ul li:nth-child(4n) {
            margin-right: 0;
        }

        .cardbossbox ul li img {
            width: .68rem;
            height: .68rem;
            margin-bottom: .53rem;
        }

        .cardbossbox ul li p {
            width: 2.2rem;
            text-align: center;
            color: #555;
            font-family: HarmonyOS Sans SC;
            font-size: .18rem;
            font-style: normal;
            font-weight: 300;
            line-height: .38rem;
            margin-top: .16rem;
        }

        .cardbossbox ul li h2 {
            margin-bottom: .18rem;
            color: #404442;
            font-family: HarmonyOS Sans SC;
            font-size: .24rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

/* 棣栭〉鍞悗 */
.salesafter {
    padding-top: .96rem;
    padding-bottom: 1.15rem;
}

    .salesafter h1 {
        color: #272727;
        text-align: center;
        font-family: HarmonyOS Sans SC;
        font-size: .38rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 1.9px;
        margin-bottom: .46rem;
    }



.salesbox ul {
    display: flex;
    justify-content: center;
}

    .salesbox ul li {
        width: 4.8rem;
        height: 1.86rem;
        border-radius: 2px;
        border: 2px solid #efefef;
        background: linear-gradient(180deg, #F4F6F9 0%, #FFF 100%);
        box-shadow: 0px 6px 8px 0px rgba(143, 149, 171, 0.12);
        display: flex;
        padding-top: .4rem;
        padding-left: .3rem;
        margin-right: .2rem;
    }

        .salesbox ul li .salescardLeft {
            margin-right: .3rem;
        }

            .salesbox ul li .salescardLeft h2 {
                color: #3F4F66;
                font-family: HarmonyOS Sans SC;
                font-size: .24rem;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                margin-bottom: .14rem;
            }

            .salesbox ul li .salescardLeft p {
                color: #70757C;
                font-family: HarmonyOS Sans SC;
                font-size: .18rem;
                font-style: normal;
                font-weight: 300;
                line-height: .38rem;
                width: 3.09rem;
            }

        .salesbox ul li .salescardRight {
            border-radius: 100%;
            width: .8rem;
            height: .8rem;
            background: linear-gradient(180deg, #E9F0FA 0%, #DFE5EF 0.01%, #FFF 100%);
            display: flex;
            justify-content: center;
            align-items: center;
            box-shadow: 0px 6px 8px rgba(143, 149, 171, 0.12);
        }

            .salesbox ul li .salescardRight img {
                width: .48rem;
                height: .48rem;
            }


/* 棣栭〉   瀹㈡埛璐崱鏈嶅姟娴佺▼ */
.buyprogress {
    background-color: #FAFAFA;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: .97rem;
    padding-bottom: 1.47rem;
    padding: .97rem 2rem 1.47rem;
}

    .buyprogress h1 {
        color: #272727;
        text-align: center;
        font-family: HarmonyOS Sans SC;
        font-size: .42rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: .021rem;
        margin-bottom: .7rem;
    }

    .buyprogress img {
        /* width: 15rem; */
    }

/* 棣栭〉鏂伴椈 */
.newscenter {
    padding: 1rem 2.09rem;
    position: relative;
}

    .newscenter h1 {
        color: #272727;
        font-family: HarmonyOS Sans SC;
        font-size: .42rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-align: center;
        margin-bottom: .36rem;
    }

    .newscenter .newscard {
        width: 4.86rem;
        height: 1.8rem;
        border-radius: .02rem;
        border: .02rem solid #efefef;
        background: linear-gradient(180deg, #F4F6F9 0%, #FFF 100%);
        box-shadow: 0px 6px 8px 0px rgba(143, 149, 171, 0.12);
        display: flex;
        padding: .34rem 0.21rem 0 .3rem;
        margin-bottom: .5rem;
    }

        .newscenter .newscard .newsdate {
            margin-right: .3rem;
        }

            .newscenter .newscard .newsdate span {
                color: #2177DD;
                font-family: Roboto;
                font-size: .48rem;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                margin-bottom: .01rem;
            }

            .newscenter .newscard .newsdate p {
                color: #666;
                font-family: Roboto;
                font-size: .16rem;
                font-style: normal;
                font-weight: 300;
                line-height: normal;
            }

        .newscenter .newscard .newsintro p {
            color: #4C5F7A;
            font-family: HarmonyOS Sans SC;
            font-size: .18rem;
            font-style: normal;
            font-weight: 400;
            line-height: .32rem;
            margin-bottom: .2rem;
        }

        .newscenter .newscard .newsintro a {
            color: #8DA3C2;
            font-family: HarmonyOS Sans SC;
            font-size: .16rem;
            font-style: normal;
            font-weight: 300;
            line-height: normal;
            text-transform: capitalize;
        }

            .newscenter .newscard .newsintro a:hover {
                color: #2177DD;
            }

        .newscenter .newscard .newsintro p a {
            color: #4C5F7A;
        }


.swiper-button-next-news {
    position: absolute;
    width: .35rem;
    height: .35rem;
    background: linear-gradient(180deg, #E9F0FA 0%, #DFE5EF 0.01%, #FFF 100%);
    box-shadow: 0px 6px 8px 0px rgba(143, 149, 171, 0.12);
    border-radius: 100%;
    right: 1.48rem;
    top: 2.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-button-prev-news {
    position: absolute;
    width: .35rem;
    height: .35rem;
    background: linear-gradient(180deg, #E9F0FA 0%, #DFE5EF 0.01%, #FFF 100%);
    box-shadow: 0px 6px 8px 0px rgba(143, 149, 171, 0.12);
    border-radius: 100%;
    left: 1.48rem;
    top: 2.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .swiper-button-prev-news img,
    .swiper-button-next-news img {
        width: .18rem;
        height: .18rem;
    }


.quickfree {
    width: 100vw;
    height: 2.84rem;
    background: url(/app_static/images/knowmorebg.jpg) no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: .83rem;
}

    .quickfree h1 {
        color: #FFF;
        text-align: center;
        font-family: HarmonyOS Sans SC;
        font-size: .38rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: .019rem;
        margin-bottom: .32rem;
    }

    .quickfree a {
        display: flex;
        position: relative;
    }

        .quickfree a .tiaodong {
            position: absolute;
            display: inline-block;
            width: .36rem;
            height: .36rem;
            cursor: pointer;
            position: absolute;
            background-image: url(/app_static/images/璺冲姩.png);
            background-size: cover;
            bottom: 0.34rem;
            /* left: 50%;
  transform: translateX(-50%); */
            animation-timeline: auto;
            animation-range-start: normal;
            animation-range-end: normal;
            background-repeat: no-repeat;
            background-position: center center;
            animation: 1s ease 0s infinite normal none running arrowdown;
            right: 0;
            bottom: -0.12rem;
        }

@keyframes arrowdown {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(30%);
    }

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

@-webkit-keyframes arrowdown {
    0% {
        -webkit-transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(30%);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

.greenbtn {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    width: 1.68rem;
    height: .48rem;
    border-radius: .5rem;
    border: 0px solid #F2F2F2;
    background: #8DD047;
    text-align: center;
    font-family: HarmonyOS Sans SC;
    font-size: .18rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

    .greenbtn:hover {
        color: #fff;
        background: #65ba0b;
    }

.konwmore {
    width: 100vw;
    height: 3.76rem;
    background: url(/app_static/images/knowmorebg.png) no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: .98rem;
}

    .konwmore h1 {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 700;
        font-size: .48rem;
        line-height: .56rem;
        text-align: center;
        color: #FFFFFF;
        margin-bottom: .16rem;
    }

    .konwmore h6 {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 300;
        font-size: .18rem;
        line-height: .21rem;
        text-align: center;
        color: #FFFFFF;
        margin-bottom: .25rem;
    }

    .konwmore div {
        display: flex;
    }

        .konwmore div input {
            width: 3.72rem;
            height: .6rem;
            border-radius: .12rem;
            background-color: #FFFFFF;
            border: none;
            padding-left: .27rem;
            margin-right: .19rem;
        }

    .konwmore > div > div:nth-of-type(1) {
        position: relative;
    }

        .konwmore > div > div:nth-of-type(1) article {
            position: absolute;
            width: .2rem;
            height: .2rem;
            right: .45rem;
            top: .2rem;
            cursor: pointer;
        }

.xyxl {
    position: absolute;
    width: 3.72rem;
    /* height: .6rem; */
    background-color: #fff;
    top: .5rem;
    padding-top: .2rem;
    display: none;
    border-bottom-left-radius: .12rem;
    border-bottom-right-radius: .12rem;
}

    .xyxl li {
        text-align: center;
        margin-bottom: .2rem;
        cursor: pointer;
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 300;
        font-size: .2rem;
        line-height: .23rem;
        text-align: center;
        color: #848484;
    }

        .xyxl li:hover {
            color: #2177DD;
        }

.konwmore > div > div input {
    font-family: 'HarmonyOS Sans SC';
    font-style: normal;
    font-weight: 300;
    font-size: .2rem;
    line-height: .23rem;
    color: #848484;
}

.konwmore > div > div:nth-of-type(1) input {
    background-image: url(/app_static/images/xl1.png);
    background-repeat: no-repeat;
    background-position: 3.26rem center;
    background-size: .2rem .2rem;
}

.konwmore > div > div:nth-of-type(4) input {
    background-color: #7AD51F;
    width: 2.26rem;
    font-family: 'HarmonyOS Sans SC';
    font-style: normal;
    font-weight: 400;
    font-size: .2rem;
    text-align: center;
    color: #FFFFFF;
    padding: 0;
}

    .konwmore > div > div:nth-of-type(4) input:hover {
        color: #2177DD;
    }



.iot {
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    box-shadow: .02rem .04rem .12rem .01rem rgba(0, 0, 0, 0.15);
    /* animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate; */
    cursor: pointer;
}



/* iotfoot */
.iotfootleft {
    display: flex;
}

    .iotfootleft ul {
        margin-right: .99rem;
    }

    .iotfootleft a {
        color: #f4f4f4;
    }

    .iotfootleft ul:last-child {
        margin-right: .73rem;
    }

    .iotfootleft ul h5 {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 400;
        font-size: .18rem;
        line-height: .21rem;
        color: #FFFFFF;
        margin-bottom: .34rem;
    }

    .iotfootleft ul li {
        margin-bottom: .2rem;
    }

        .iotfootleft ul li a {
            font-family: 'HarmonyOS Sans SC';
            font-style: normal;
            font-weight: lighter;
            font-size: .14rem;
            line-height: .16rem;
            color: #E9E9E9;
            opacity: 0.9;
        }

            .iotfootleft ul li a:hover {
                color: #7AD51F;
            }

.iotfoottop {
    display: flex;
    border-bottom: 1px solid rgba(93, 93, 93, 0.8);
    justify-content: space-between;
}

.iotfootright {
    display: flex;
}

    .iotfootright ul {
        height: 2.38rem;
        padding-left: .64rem;
        border-left: .01rem solid #5E5E5E;
    }

        .iotfootright ul h5 {
            font-family: 'HarmonyOS Sans SC';
            font-style: normal;
            font-weight: 400;
            font-size: .18rem;
            line-height: .21rem;
            color: #FFFFFF;
            margin-bottom: .34rem;
        }

        .iotfootright ul p {
            font-family: 'HarmonyOS Sans SC';
            font-style: normal;
            font-weight: 700;
            font-size: .16rem;
            line-height: .19rem;
            color: #FFFFFF;
            margin-bottom: .16rem;
            text-wrap: nowrap;
        }

        .iotfootright ul li {
            font-family: 'HarmonyOS Sans SC';
            font-style: normal;
            font-weight: lighter;
            font-size: .14rem;
            margin-bottom: .2rem;
            line-height: .16rem;
            color: #E9E9E9;
            opacity: 0.9;
        }

            .iotfootright ul li a {
                font-family: 'HarmonyOS Sans SC';
                font-style: normal;
                font-weight: lighter;
                font-size: .14rem;
                margin-bottom: .2rem;
                line-height: .16rem;
                color: #E9E9E9;
                opacity: 0.9;
            }

                .iotfootright ul li a:hover {
                    color: #7AD51F;
                }


    .iotfootright > div {
        display: flex;
        padding-top: .68rem;
        margin-left: .35rem;
    }

        .iotfootright > div div {
            width: 1rem;
            height: 2.38rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-right: .18rem;
        }

            .iotfootright > div div:nth-of-type(2) {
                margin-right: 0;
            }

            .iotfootright > div div img {
                width: 1rem;
                height: 1rem;
                border-radius: .05rem;
            }

            .iotfootright > div div h3 {
                width: 1rem;
                font-family: 'HarmonyOS Sans SC';
                font-style: normal;
                font-weight: 300;
                font-size: .14rem;
                line-height: .16rem;
                color: #E9E9E9;
                text-align: center;
                margin-top: .21rem;
            }

.copy {
    margin-top: .405rem;
    font-family: 'HarmonyOS Sans SC';
    font-style: normal;
    font-weight: 400;
    font-size: .14rem;
    line-height: .16rem;
    color: #717773;
    display: flex;
    justify-content: space-between;
}

    .copy div {
        display: flex;
    }

    .copy span a {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 400;
        font-size: .14rem;
        line-height: .16rem;
        color: #717773;
    }

    .copy div a {
        display: inline-block;
        width: .32rem;
        height: .32rem;
        border: .01rem solid #8E8E8E;
        border-radius: 100%;
        margin-right: .26rem;
    }

        .copy div a:hover {
            border: none;
        }

        .copy div a:nth-of-type(1) {
            background-image: url(/app_static/images/shareicon1.png);
            background-repeat: no-repeat;
            background-size: .18rem .18rem;
            background-position: center;
        }

            .copy div a:nth-of-type(1):hover {
                background-image: url(/app_static/images/wwbb1.png);
                background-color: #E22428;
            }

        .copy div a:nth-of-type(2) {
            background-image: url(/app_static/images/shareicon3.png);
            background-repeat: no-repeat;
            background-size: .18rem .18rem;
            background-position: center;
        }

            .copy div a:nth-of-type(2):hover {
                background-image: url(/app_static/images/wwxx1.png);
                background-color: #10D169;
            }

        .copy div a:nth-of-type(3) {
            background-image: url(/app_static/images/link.png);
            background-repeat: no-repeat;
            background-size: .18rem .18rem;
            background-position: center;
            margin-right: 0;
        }

            .copy div a:nth-of-type(3):hover {
                background-color: #3F70B2;
            }


/* 鐗╄仈缃戝崱 */


.wktdd .ul {
    display: flex;
}

.iotpt .wktdd .ul .li {
    height: 4.62rem !important;
}

.iotbp {
    background-color: #fff;
    height: auto;
}

    .iotbp .wktdd .ul .li .wkcard h1 {
        color: #404442;
        text-align: center;
        font-family: HarmonyOS Sans SC;
        font-size: .24rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        position: relative;
        margin-bottom: .45rem;
    }

    .iotbp .wktdd .ul .li .wkcard {
        padding-top: .91rem;
    }

        .iotbp .wktdd .ul .li .wkcard img {
            width: .68rem;
            height: .68rem;
        }

    .iotbp .wktdd .ul .li {
        margin-right: .47rem;
    }

        .iotbp .wktdd .ul .li:nth-of-type(4n) {
            margin-right: 0;
        }

        .iotbp .wktdd .ul .li .wkcard h1:after {
            content: '';
            display: block;
            width: .24rem;
            height: .01rem;
            background-color: #2177DD;
            position: absolute;
            top: .5rem;
            left: 50%;
            transform: translateX(-50%);
        }

        .iotbp .wktdd .ul .li .wkcard p {
            color: #70757C;
            text-align: center;
            font-family: HarmonyOS Sans SC;
            font-size: .18rem;
            font-style: normal;
            font-weight: 300;
            line-height: .38rem;
            width: 2.5rem;
        }

.wlwkbanner {
    width: 100%;
    height: 5.2rem;
    /* background: url(/app_static/images/wlwkbanner.jpg) no-repeat; */
    /* background-size: cover; */
    position: relative;
}

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

.head3 .head2 {
    border-bottom: 1px solid #000;
    /* width: 100vw; */
}


.wlwkbanner div h1 {
    font-family: 'HarmonyOS Sans SC';
    font-style: normal;
    font-weight: 700;
    font-size: .42rem;
    line-height: .49rem;
    color: #3C3D42;
    margin-bottom: .22rem;
}

.wlwkbanner div h2 {
    color: #3C3D42;
    font-family: HarmonyOS Sans SC;
    font-size: .24rem;
    font-style: normal;
    font-weight: 300;
    line-height: .42rem;
    /* 175% */
    width: 7.74rem;
}

.wlwkbanner div a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.16rem;
    height: .48rem;
    border: .01rem solid #707070;
    background: rgba(255, 127, 34, 0.00);
    box-shadow: 0rem .06rem .08rem 0rem rgba(143, 149, 171, 0.12);
    color: #3C3D42;
    text-align: center;
    font-family: HarmonyOS Sans SC;
    font-size: .2rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    border-radius: .5rem;
    margin-top: .25rem;
}

    .wlwkbanner div a:hover {
        background-color: #2177DD;
        color: #fff;
        border: none;
    }

.wlwkbanner div h3 {
    color: #3C3D42;
    font-family: HarmonyOS Sans SC;
    font-size: .32rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.wlwkbanner div {
    position: absolute;
    top: 1.7rem;
    left: 2.49rem;
}

.wktd {
    width: 100%;
    /* height: 8rem; */
    background-color: #F1F2F5;
    padding: 0 2rem;
    padding-top: 0.93rem;
    padding-bottom: 1.31rem;
}

    .wktd h1 {
        font-family: 'HarmonyOS Sans SC';
        color: #27221C;
        font-family: HarmonyOS Sans SC;
        font-size: .38rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-align: center;
        margin-bottom: .51rem;
    }

    .wktd img {
        width: 15rem;
        height: 9.52rem;
    }

    .wktd h6 {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 300;
        font-size: .18rem;
        line-height: .3rem;
        text-align: center;
        color: #63728A;
        margin-bottom: .39rem;
    }


.whychoose.bggray {
    background-color: #F6F8FC;
}

.networkzs {
    background-color: #fff;
    padding: .8rem 2rem 1.4rem;
}


    .networkzs h1 {
        color: #27221C;
        font-family: HarmonyOS Sans SC;
        font-size: .38rem;
        text-align: center;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: .56rem;
    }

    .networkzs img {
        width: 15rem;
        height: 6rem;
    }

.tdRihgt img {
    width: 9.81rem;
    height: 4rem;
    border-top-right-radius: .16rem;
    border-bottom-right-radius: .16rem;
}

.tdcard {
    width: 14rem;
    height: 4rem;
    border-radius: .16rem;
    display: flex;
}

    .tdcard .tdLeft {
        width: 4.19rem;
        height: 100%;
        background-color: #fff;
        border-top-left-radius: .16rem;
        border-bottom-left-radius: .16rem;
    }

        .tdcard .tdLeft ul {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

            .tdcard .tdLeft ul li {
                width: 3.3rem;
                height: 33.333%;
                border-bottom: .01rem solid #D2D2D2;
            }

                .tdcard .tdLeft ul li:last-child {
                    border: none;
                }

            .tdcard .tdLeft ul li {
                display: flex;
                align-items: center;
                position: relative;
            }

                .tdcard .tdLeft ul li a {
                    display: flex;
                    align-items: center;
                }


                    .tdcard .tdLeft ul li a > div img {
                        width: .32rem;
                        height: .32rem;
                        margin-right: .14rem;
                    }


.tdbk {
    width: .03rem;
    height: .32rem;
    background-color: #2177DD;
    position: absolute;
    left: -0.45rem;
    display: none;
}

.tdjt {
    width: .4rem;
    height: .4rem;
    position: absolute;
    right: 0;
    display: none;
}

.tdcard .tdLeft ul li a div img:last-child {
    display: none;
}


.tdcard .tdLeft ul li a span {
    font-family: 'HarmonyOS Sans SC';
    font-style: normal;
    font-weight: 400;
    font-size: .2rem;
    line-height: .28rem;
    text-align: center;
    color: #666666;
}

.tdcard .tdLeft ul li.active a span {
    color: #2177DD;
}

.tdcard .tdLeft ul li.active .tdjt {
    display: block;
}

.tdcard .tdLeft ul li.active .tdbk {
    display: block;
}

.tdcard .tdLeft ul li.active a div img:first-child {
    display: none;
}

.tdcard .tdLeft ul li.active a div img:last-child {
    display: block;
}

/* cardboss */

.cardbossbanner {
    width: 100%;
    height: 5.2rem;
    background: url(/App_static/images/cardbossbanner.jpg) no-repeat;
    background-size: cover;
    position: relative;
}

    .cardbossbanner div h1 {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 700;
        font-size: .42rem;
        line-height: .49rem;
        color: #3C3D42;
        margin-bottom: .22rem;
    }

    .cardbossbanner div h2 {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 400;
        font-size: .32rem;
        line-height: .38rem;
        color: #3C3D42;
    }


    .cardbossbanner div {
        position: absolute;
        top: 1.9rem;
        left: 2.49rem;
    }

.xtjj {
    width: 100%;
    background-color: #FFFFFF;
    padding: 1.01rem 2.5rem .53rem;
}

    .xtjj h1 {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 700;
        font-size: .48rem;
        line-height: .56rem;
        letter-spacing: 0.05em;
        color: #27221C;
        text-align: center;
        margin-bottom: .3rem;
    }

    .xtjj p {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 400;
        font-size: .18rem;
        line-height: .38rem;
        color: #999999;
    }

/* 鍔熻兘浜偣 */
.xtjz {
    width: 100%;
    background-color: #FFF;
    padding: 1.04rem 2.5rem 1.54rem;
}

    .xtjz h1 {
        color: #27221C;
        text-align: center;
        font-family: HarmonyOS Sans SC;
        font-size: 38px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: .6rem;
    }

    .xtjz h6 {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 400;
        font-size: .18rem;
        line-height: .21rem;
        text-align: center;
        color: #63728A;
        margin-bottom: .9rem;
    }


    .xtjz .funshine {
        width: 10.81rem;
        height: 5.4rem;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        background-image: url(/app_static/images/funshine.png);
        background-size: cover;
    }

        .xtjz .funshine span {
            position: absolute;
            color: #333;
            /* text-align: right; */
            font-family: HarmonyOS Sans SC;
            font-size: .2rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

            .xtjz .funshine span:nth-of-type(1) {
                top: .83rem;
                left: -1.16rem;
            }

            .xtjz .funshine span:nth-of-type(2) {
                top: 3.32rem;
                left: -1.66rem;
            }

            .xtjz .funshine span:nth-of-type(3) {
                bottom: -0.85rem;
                left: -1rem;
                line-height: .36rem;
                display: block;
                width: 2.31rem;
                text-align: center;
            }

            .xtjz .funshine span:nth-of-type(4) {
                top: .83rem;
                right: -0.2rem;
            }

            .xtjz .funshine span:nth-of-type(5) {
                top: 3.32rem;
                right: -1rem;
            }

.xtjzimg img {
    width: 100%;
}

.xtjz .funshine span:nth-of-type(6) {
    bottom: -0.45rem;
    right: -1.2rem;
    display: block;
    text-align: center;
}






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




    .xtjz {
        padding-bottom: 1.67rem !important;
    }

        .xtjz .funshine {
            width: 6.8rem;
            height: 5.16rem;
            background-image: url(/app_static/images/mbfunshine.png);
        }

            .xtjz .funshine span {
                font-size: .24rem;
                display: block;
            }

                .xtjz .funshine span:nth-of-type(1) {
                    top: .67rem;
                    left: 0.57rem;
                    width: 1.27rem;
                }

                .xtjz .funshine span:nth-of-type(2) {
                    top: 3.07rem;
                    left: 0.05rem;
                    width: 1.45rem;
                }

                .xtjz .funshine span:nth-of-type(3) {
                    bottom: -0.85rem;
                    left: 0.46rem;
                    width: 2.64rem;
                }


                .xtjz .funshine span:nth-of-type(4) {
                    top: .78rem;
                    right: 0.4rem;
                    width: 1.81rem;
                }

                .xtjz .funshine span:nth-of-type(5) {
                    top: 3.15rem;
                    right: 0.08rem;
                    text-align: right;
                    width: 1.49rem;
                }

                .xtjz .funshine span:nth-of-type(6) {
                    bottom: -0.8rem;
                    right: 0.5rem;
                    width: 2.08rem;
                    text-align: right;
                }
}




/* 绯荤粺鐗圭偣 */

.xttd {
    padding: 0.9rem 2rem 1rem;
    background-color: #F6F8FC;
    position: relative;
    /* border-bottom: .01rem solid #CDCDCD; */
}

    .xttd h1 {
        color: #27221C;
        text-align: center;
        font-family: HarmonyOS Sans SC;
        font-size: .38rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: .41rem;
    }

.xttdcard {
    /* width: 4.4rem; */
    width: 2.88rem;
    /* height: 4rem; */
    box-shadow: 0rem .02rem .08rem 0rem #ECF1F6;
    /* border-radius: .16rem; */
    cursor: pointer;
}

    .xttdcard > div:first-child {
        /* width: 4.4rem; */
        width: 2.88rem;
        /* height: 2.8rem; */
        height: 1.85rem;
        /* border-top-left-radius: .16rem;
  border-top-right-radius: .16rem; */
        overflow: hidden;
    }

    .xttdcard > div:last-child {
        /* width: 4.4rem; */
        width: 100%;
        height: 1.5653rem;
        padding-top: .3753rem;
        text-align: center;
        background-color: #FCFCFD;
    }

    .xttdcard > div:first-child img {
        width: 100%;
        height: 100%;
        transition: 0.6s;
    }

        .xttdcard > div:first-child img:hover {
            transform: scale(1.1);
        }

    .xttdcard h1 {
        color: #404442;
        text-align: center;
        font-family: HarmonyOS Sans SC;
        font-size: .2rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: .36rem;
        position: relative;
    }

        .xttdcard h1:after {
            content: "";
            display: block;
            width: .2335rem;
            height: .01rem;
            background: #2177DD;
            position: absolute;
            top: .4rem;
            left: 50%;
            transform: translateX(-50%);
        }

        .xttdcard h1:hover {
            color: #3F70B2;
        }

    .xttdcard p {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 400;
        font-size: .16rem;
        line-height: .19rem;
        color: #888E8A;
    }

.xttdSwiper {
    width: 100%;
    padding-bottom: .1rem;
    padding-left: .05rem;
}

.xttddot .swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0.35rem;
}

.xttddot .swiper-pagination-bullet-active {
    background-color: #666666;
}

.xttd .xttdSwiper .items {
    width: 2.88rem;
    margin-right: .15rem;
}

/* 搴旂敤妯″潡 */
.yymk {
    padding: .92rem 2.5rem 1.16rem;
    width: 100%;
    background-color: #F6F8FC;
}

    .yymk h1 {
        color: #27221C;
        text-align: center;
        font-family: HarmonyOS Sans SC;
        font-size: .38rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: .46rem;
    }

.yymkimg img {
    width: 100%;
}




/* 鏂囩珷鍒楄〃 */
.articlebanner {
    width: 100%;
    height: 5.2rem;
    background-image: url(/app_static/images/articlebanner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

    .articlebanner > div {
        position: absolute;
        top: 1.91rem;
        left: 2.49rem;
    }

        .articlebanner > div h1 {
            font-family: 'HarmonyOS Sans SC';
            font-style: normal;
            font-weight: 700;
            font-size: .42rem;
            line-height: .49rem;
            color: #3C3D42;
            margin-bottom: .22rem;
        }

        .articlebanner > div h2 {
            font-family: 'HarmonyOS Sans SC';
            font-style: normal;
            font-weight: 400;
            font-size: .32rem;
            line-height: .38rem;
            color: #3C3D42;
        }


.articles {
    padding: 1.03rem 2.5rem 1.26rem;
    width: 100%;
    background-color: #fff;
}

    .articles ul {
        width: 14rem;
        /* height: 2.88rem;
  border-bottom: .01rem solid #CECECE; */
    }

        .articles ul li {
            display: flex;
            width: 100%;
            height: 2.88rem;
            border-bottom: .01rem solid #CECECE;
            padding-top: .37rem;
            position: relative;
        }

.articlesLeft:has(img) {
    margin-left: 0.41rem;
}

.articlesLeft img {
    width: 3.14rem;
    height: 2.0933rem;
}

.articlesRight {
    margin-left: .41rem;
    flex: 1;
}

    .articlesRight h1 {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 500;
        font-size: .2rem;
        line-height: .23rem;
        text-transform: capitalize;
        color: #454545;
        margin-bottom: .2rem;
        margin-top: .12rem;
        display: flex;
        justify-content: space-between;
    }

.pcdate {
    color: #999;
    font-family: HarmonyOS Sans TC;
    font-size: .14rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin-right: .28rem;
}

.articlesRight p {
    width: 9.57rem;
    font-family: 'HarmonyOS Sans SC';
    font-style: normal;
    font-weight: 400;
    font-size: .18rem;
    line-height: .5rem;
    color: #767676;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.arcicleReadmore {
    display: flex;
    width: 1.2rem;
    height: .34rem;
    font-family: 'HarmonyOS Sans SC';
    font-style: normal;
    font-weight: 400;
    font-size: .14rem;
    align-items: center;
    justify-content: center;
    color: #999999;
    border: .01rem solid #CECECE;
    position: absolute;
    right: 0rem;
    bottom: 0.1rem;
}


.articles ul li:hover {
    /*    background-color: #F5F7F9;*/
    /*  border: .01rem solid #999999;*/
}

    .articles ul li:hover h1 {
        color: #3F70B2;
    }

    .articles ul li:hover .arcicleReadmore {
        color: #262626;
        background-color: #d6e7fc;
    }
/*鏇村鎸夐挳鏍峰紡*/
.arcicleReadmore:hover {
    color: #fff !important;
    background-color: #3F70B2 !important;
}


.hyzxbanner {
    width: 100%;
    height: 5.2rem;
    background-image: url(/app_static/images/articlebanner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

    .hyzxbanner > div {
        position: absolute;
        top: 1.91rem;
        left: 2.07rem;
    }

        .hyzxbanner > div h1 {
            font-family: 'HarmonyOS Sans SC';
            font-style: normal;
            font-weight: 700;
            font-size: .42rem;
            line-height: .49rem;
            color: #3C3D42;
            margin-bottom: .22rem;
        }

        .hyzxbanner > div h2 {
            font-family: 'HarmonyOS Sans SC';
            font-style: normal;
            font-weight: 400;
            font-size: .32rem;
            line-height: .38rem;
            color: #3C3D42;
        }


.zxsearch {
    width: 100vw;
    height: 1.69rem;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .zxsearch input[type="text"] {
        width: 6.27rem;
        height: .6rem;
        border: .01rem solid #E3E3E3;
        border-right: none;
        color: #333;
        font-family: HarmonyOS Sans SC;
        font-size: .18rem;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        text-transform: capitalize;
        padding-left: .24rem;
    }

    .zxsearch input[type="button"] {
        width: .73rem;
        height: .6rem;
        border-radius: .02rem;
        border: .01rem solid #2177DD;
        background-color: #2177DD;
        background-image: url(/app_static/images/zxsearch.png);
        background-repeat: no-repeat;
        background-size: .24rem .24rem;
        background-position: center;
    }

        .zxsearch input[type="button"]:hover {
            background-color: #136ad3;
        }

.hyzx {
    background-color: #F1F2F5;
    padding: 0.79rem 2.07rem 0.3rem;
}

.zxaa {
    display: flex;
}

.ziuxn {
    display: flex;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .2rem;
}

    .ziuxn h1 {
        color: #27221C;
        font-family: HarmonyOS Sans SC;
        font-size: .38rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }



    .ziuxn a {
        color: #7985A3;
        text-align: center;
        font-family: HarmonyOS Sans SC;
        font-size: .18rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-top: .2rem;
    }

        .ziuxn a:hover {
            color: #2177DD;
        }

.hyzxbox {
    display: flex;
    justify-content: space-between;
}

.hyzxLeft {
    width: 7.36rem;
    height: 4.91rem;
    margin-right: .35rem;
    margin-bottom: .35rem;
}

.hyzximg {
    width: 7.36rem;
    height: 4.91rem;
    overflow: hidden;
    position: relative;
}

.zixuntxt {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    box-shadow: 0px .04rem .06rem .02rem #ECF1F6;
    width: 100%;
    height: .6rem;
    display: flex;
    align-items: center;
    padding-left: .21rem;
    padding-right: .24rem;
    justify-content: space-between;
}

    .zixuntxt span {
        color: #FFF;
        font-family: HarmonyOS Sans SC;
        font-size: .18rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
        white-space: nowrap;
        overflow: hidden;
        width: 6rem;
        text-overflow: ellipsis;
    }

        .zixuntxt span:hover {
            color: #3F70B2;
        }

.hyzximg img {
    width: 100%;
    height: 100%;
    transition: 0.6s;
}

    .hyzximg img:hover {
        transform: scale(1.08);
    }

.hyzximg .swiper-pagination-zixun {
    /* width: .54rem; */
    height: .5rem;
    width: fit-content;
    display: flex;
    align-items: center;
}

    .hyzximg .swiper-pagination-zixun .swiper-pagination-bullet {
        width: .12rem;
        height: .12rem;
        background-color: #F8F8F8;
    }

    .hyzximg .swiper-pagination-zixun .swiper-pagination-bullet-active {
        background-color: #fff;
    }

    .hyzximg .swiper-pagination-zixun .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 .075rem;
    }

/* .hyzxLeft>div:last-child {
  width: 6.8rem;
  height: 1.0267rem;
  background-color: #fff;
  border-bottom-left-radius: .16rem;
  border-bottom-right-radius: .16rem;
  padding-top: 0.2767rem;
  padding-left: .25rem;
} */


.hyzxLeft > div:last-child h1 {
    font-family: 'HarmonyOS Sans SC';
    font-style: normal;
    font-weight: 500;
    font-size: .2rem;
    line-height: .23rem;
    text-transform: capitalize;
    color: #383838;
    margin-bottom: .09rem;
}

    .hyzxLeft > div:last-child h1:hover {
        color: #3F70B2;
    }

.hyzxLeft > div:last-child p {
    font-family: 'HarmonyOS Sans TC';
    font-style: normal;
    font-weight: 400;
    font-size: .14rem;
    line-height: .16rem;
    text-transform: capitalize;
    color: #999999;
    margin-left: .12rem;
}

.hyzxRight {
    width: 7.36rem;
    height: 4.91rem;
    padding: 0.1rem .5rem;
    overflow: hidden;
    border-radius: .02rem;
    border: .02rem solid #FFF;
    background-color: #FFF;
    box-shadow: 0px .06rem .08rem 0px rgba(143, 149, 171, 0.12);
}

    .hyzxRight ul {
        width: 100%;
    }

        .hyzxRight ul li {
            width: 100%;
            height: .68rem;
            padding-top: .21rem;
            border-bottom: .01rem dashed #D6D6D6;
        }

            .hyzxRight ul li:last-child {
                border: none;
            }

            .hyzxRight ul li a {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

                .hyzxRight ul li a h1 {
                    color: #383838;
                    font-family: HarmonyOS Sans SC;
                    font-size: .18rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal;
                    text-transform: capitalize;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    padding-right: 30px;
                }

                    .hyzxRight ul li a h1:hover {
                        color: #3F70B2;
                    }

                .hyzxRight ul li a p {
                    font-family: 'Roboto';
                    font-style: normal;
                    font-weight: 400;
                    font-size: .14rem;
                    line-height: .16rem;
                    color: #999999;
                    white-space: nowrap;
                }



.kpbk {
    width: 100%;
    background-color: #fff;
    padding: 1.06rem 2.07rem 0.77rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}



    .kpbk ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .kpbk ul .kpcard {
            width: 7.36rem;
            height: 2rem;
            box-shadow: 0rem .04rem .06rem .02rem #ECF1F6;
            border-radius: .16rem;
            padding-top: .47rem;
            padding-left: .39rem;
            margin-bottom: .4rem;
            border-radius: .02rem;
            border: 1px solid #dfdfdf;
            background: linear-gradient(180deg, #F4F6F9 0%, #FFF 100%);
            box-shadow: 0px .06rem .08rem 0px rgba(143, 149, 171, 0.12);
        }

            .kpbk ul .kpcard a img {
                width: .32rem;
                height: .32rem;
                margin-right: .11rem;
            }

            .kpbk ul .kpcard a > div {
                display: flex;
            }


            .kpbk ul .kpcard a div:first-child p {
                font-family: 'HarmonyOS Sans SC';
                font-style: normal;
                font-weight: 500;
                font-size: .2rem;
                line-height: .23rem;
                text-transform: capitalize;
                color: #383838;
                margin-bottom: .19rem;
            }

                .kpbk ul .kpcard a div:first-child p:hover {
                    color: #2177DD;
                }

            .kpbk ul .kpcard a div:last-child p {
                font-family: 'HarmonyOS Sans SC';
                font-style: normal;
                font-weight: 400;
                font-size: .16rem;
                line-height: .32rem;
                color: #767676;
                width: 6rem;
                text-overflow: -o-ellipsis-lastline;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                line-clamp: 2;
                -webkit-box-orient: vertical;
            }

                .kpbk ul .kpcard a div:last-child p:hover {
                    color: #2177DD;
                }




/* TODO 鍏充簬鎴戜滑 */

.aboutusbanner {
    width: 100%;
    background-image: url(/app_static/images/aboutusbanner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    padding-top: 1.84rem;
    padding-bottom: .8rem;
    padding-left: 2.44rem;
    border-top: 1px solid #E0E0E0;
}

.aboutLeft {
    margin-right: .74rem;
    color: #3C3D42;
}

    .aboutLeft h1 {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 700;
        font-size: .48rem;
        line-height: .56rem;
        letter-spacing: 0.05em;
        color: #27221C;
        margin-bottom: .38rem;
    }


    .aboutLeft p {
        width: 7.32rem;
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 400;
        font-size: .20rem;
        line-height: .38rem;
        margin-bottom: .23rem;
    }

.aboutRight img {
    width: 6.8rem;
}

.cculture {
    background-color: #fff;
    padding: 1.12rem 2rem 1.27rem;
}

    .cculture h1 {
        color: #27221C;
        font-family: HarmonyOS Sans SC;
        font-size: .38rem;
        text-align: center;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: .46rem;
    }

    .cculture ul {
        display: flex;
        flex-wrap: wrap;
    }

        .cculture ul li {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding-top: .57rem;
            width: 4.8rem;
            height: 3.4rem;
            border-radius: .02rem;
            border: .02rem solid #e4e4e4;
            background: linear-gradient(180deg, #F4F6F9 0%, #FFF 100%);
            box-shadow: 0rem .02rem .08rem 0rem rgba(143, 149, 171, 0.12);
            margin-right: .3rem;
            margin-bottom: .3rem;
        }

            .cculture ul li:nth-of-type(3n) {
                margin-right: 0;
            }

            .cculture ul li img {
                width: .8rem;
                height: .8rem;
                margin-bottom: .3rem;
            }

            .cculture ul li h2 {
                color: #404442;
                text-align: center;
                font-family: HarmonyOS Sans SC;
                font-size: .24rem;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                display: flex;
                /* justify-content: center; */
                flex-direction: column;
                align-items: center;
            }

                .cculture ul li h2:after {
                    content: "";
                    display: block;
                    width: .2342rem;
                    height: .01rem;
                    background-color: #2177DD;
                    margin-top: .21rem;
                    margin-bottom: .15rem;
                }

            .cculture ul li h3 {
                color: #70757C;
                text-align: center;
                font-family: HarmonyOS Sans SC;
                font-size: .18rem;
                font-style: normal;
                font-weight: 400;
                line-height: .32rem;
                width: 3.05rem;
                cursor: pointer;
            }

                .cculture ul li h3:hover {
                    color: #2177DD;
                }


.lxfs {
    padding: 1.21rem 2.5rem 1.1rem;
    background-color: #F4F6F9;
}

    .lxfs .title {
        margin-bottom: .9rem;
    }


    .lxfs > h1 {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 700;
        font-size: .48rem;
        line-height: .56rem;
        color: #27221C;
        margin-bottom: .17rem;
        text-align: center;
    }

    .lxfs > p {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 400;
        font-size: .18rem;
        line-height: .28rem;
        color: #63728A;
        margin-bottom: .49rem;
        text-align: center;
    }

.lxfsbox ul {
    display: flex;
    margin-bottom: .59rem;
}

    .lxfsbox ul li {
        width: 3.53rem;
        padding: 0 .43rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-right: .01rem solid #CBCBCB;
    }

        .lxfsbox ul li:last-child {
            border: none;
        }

        .lxfsbox ul li h2,
        .lxfsbox ul li h3 {
            font-family: 'HarmonyOS Sans SC';
            font-style: normal;
            font-weight: 500;
            font-size: .18rem;
            line-height: .3rem;
            text-align: center;
            color: #666666;
        }

        .lxfsbox ul li h2 {
            font-weight: 700;
        }

        .lxfsbox ul li div {
            width: .6rem;
            height: .6rem;
            border-radius: 100%;
            border: .01rem solid #CBCBCB;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: .21rem;
        }

            .lxfsbox ul li div img {
                width: .3rem;
                height: .3rem;
            }


/* 鏂伴椈璇︽儏 */
.detailcen {
    width: 100%;
    padding: .21rem calc((100vw - 12rem)/2) 1.02rem;
    border-top: .01rem solid #E0E0E0;
}

    .detailcen > h6 {
        font-family: ll;
        font-size: .16rem;
        font-weight: 300;
        line-height: .19rem;
        letter-spacing: 0em;
        text-align: left;
        color: #70757C;
    }

        .detailcen > h6 a:last-of-type {
            color: #3F70B2;
            font-family: HarmonyOS Sans SC;
            font-size: .16rem;
            font-style: normal;
            font-weight: 300;
            line-height: normal;
            text-transform: capitalize;
        }


    .detailcen > h3 {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 500;
        font-size: .36rem;
        line-height: .6rem;
        text-transform: capitalize;
        color: #333333;
        margin-top: .37rem;
    }

.detail {
    width: 100%;
    padding: .47rem 0 0;
    display: flex;
}

.detaill {
    height: 100%;
    width: 1.5rem;
    position: sticky;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #D9D9D9;
    top: 0;
}

    .detaill img {
        width: .28rem;
        height: .28rem;
    }

    .detaill .hengxian1 {
        width: 1.2rem;
        height: 1px;
        background-color: #D9D9D9;
        position: absolute;
        top: .14rem;
        left: 50%;
        transform: translateX(-50%);
        z-index: -100;
    }

.xwrqi,
.ckrs {
    position: relative;
    padding-bottom: .4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.fxcq {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.xwrqi .rltup,
.ckrstp,
.ckrstp {
    width: .6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
}

.detaill h5 {
    font-family: MM;
    font-size: .24rem;
    font-weight: 400;
    line-height: .36rem;
    letter-spacing: 0em;
    text-align: left;
    color: #525854;
    margin-top: .07rem;
}

.detaill p {
    font-family: MM;
    font-size: .16rem;
    font-weight: 300;
    line-height: .19rem;
    letter-spacing: 0em;
    text-align: center;
    color: #70757C;
    margin-top: .15rem;
}

.fxcq span {
    font-family: ll;
    font-size: .16rem;
    font-weight: 400;
    line-height: .19rem;
    letter-spacing: 0em;
    text-align: left;
    color: #70757C;
    display: inline-block;
    height: .28rem;
    line-height: .28rem;
}

.fxcq img {
    width: .2rem;
    height: .2rem;
}

.fximg1,
.fximg2,
.fximg3,
.fximg4,
.fximg5 {
    width: .36rem;
    height: .36rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #CCCCCC;
    /* background: url(images/dxbji.png) no-repeat center ; */
    margin-top: .29rem;
}

    .fximg1:hover {
        /* background: #FE5C5C; */
        background: #3F70B2;
    }

    .fximg2:hover {
        /* background: #37E072; */
        background: #3F70B2;
    }

    .fximg3:hover {
        /* background: #539EF6; */
        background: #3F70B2;
    }

    .fximg4:hover {
        /* background: #3DEA6D; */
        background: #3F70B2;
    }

    .fximg5:hover {
        /* background: #FFB21D; */
        background: #3F70B2;
    }

.detailr {
    flex: 1;
    padding-left: .73rem;
    position: relative;
}

    .detailr p {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 300;
        font-size: .18rem;
        line-height: .38rem;
        color: #181818;
        margin-top: .16rem
    }

        .detailr p:first-of-type {
            margin-top: -0.08rem;
        }

        .detailr p:has(img) {
            text-align: center;
        }

    .detailr img {
        /* margin: .4rem 0 .37rem 1.65rem; */
        max-width: 8rem;
        /* height: 5.26rem; */
    }

    .detailr > .anniu1 {
        display: inline-block;
        width: 1.46rem;
        height: .42rem;
        text-align: center;
        margin-left: 4.8rem;
        margin-top: 26;
        border: 1px solid #CECECE;
        border-radius: 50px;
        font-family: MM;
        font-size: .18rem;
        font-weight: 300;
        line-height: .4rem;
        letter-spacing: 0em;
        margin-top: .54rem;
        margin-bottom: 1.62rem;
    }

        .detailr > .anniu1:hover {
            background: #E60012;
            color: #ffffff;
        }

.detailrbom {
    width: 100%;
    padding: .51rem 0 0;
    border-top: 1px solid #CECECE;
    margin-top: .69rem;
}

    .detailrbom p a {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 300;
        font-size: .18rem;
        line-height: .21rem;
        text-transform: capitalize;
        color: #666666;
        margin-bottom: .25rem;
        position: relative;
    }

        .detailrbom p a:hover {
            color: #3F70B2;
        }

    .detailrbom .fanhui {
        width: 1.26rem;
        height: .42rem;
        background: #FFFFFF;
        border: 1px solid #CECECE;
        border-top-left-radius: .3rem;
        border-bottom-right-radius: .3rem;
        position: absolute;
        right: 0;
        bottom: .3rem;
        font-family: 'HarmonyOS Sans TC';
        font-style: normal;
        font-weight: 400;
        font-size: .14rem;
        line-height: .42rem;
        text-transform: capitalize;
        color: #70757C;
    }

        .detailrbom .fanhui:hover {
            color: #FFFFFF;
        }



        .detailrbom .fanhui::after,
        .detailrbom .fanhui::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 0;
            height: 100%;
            background: rgba(0, 0, 0, 0);
            z-index: -2;
            border-top-left-radius: 0.3rem;
            border-bottom-right-radius: 0.3rem;
        }

        .detailrbom .fanhui::before {
            transition: 0.6s;
            background: #2177DD;
            z-index: -1;
        }

        .detailrbom .fanhui img {
            width: .2rem;
            height: .2rem;
            margin: 0;
        }

.fximg11,
.fximg21,
.fximg31,
.fximg41,
.fximg51 {
    width: .7rem;
    height: .7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    /* background: #CCCCCC; */
    /* background: url(images/dxbji.png) no-repeat center ; */
    margin-left: .2rem;
}

.fxcq1 > a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: .235rem;
}

.xwnrrbom {
    margin-top: .75rem;
}

.fxcq1 img {
    width: .39rem;
    height: .39rem;
    margin: 0 !important;
}

.fximg11 {
    background: #FE5C5C;
}

.fximg21 {
    background: #37E072;
}

.fximg31 {
    background: #539EF6;
}

.fximg41 {
    background: #3DEA6D;
}

.fximg51 {
    background: #FFB21D;
}

.fxcq1 {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #CECECE;
    border-top: 1px solid #CECECE;
    padding: .23rem 0;
}

.huitui {
    width: 100%;
    padding: .72rem 0 1.14rem;
}

    .huitui a {
        display: inline-block;
        width: 3.6rem;
        height: .865rem;
        font-family: ll;
        font-size: .24rem;
        font-weight: 400;
        line-height: .865rem;
        letter-spacing: 0em;
        text-align: center;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        background: #FFFFFF;
        border: 1px solid #CECECE;
        border-top-left-radius: .4rem;
        border-bottom-right-radius: .4rem;
    }

.ckrstp1 {
    font-family: ll;
    font-size: .22rem;
    font-weight: 300;
    line-height: .26rem;
    letter-spacing: 0em;
    text-align: left;
    color: #666666;
}




.bg {
    transform: translateX(0);
    font-family: 'HarmonyOS Sans SC';
    font-style: normal;
    font-weight: 300;
    font-size: .18rem;
    text-align: center;
    color: #3C3D42;
    position: relative;
    overflow: hidden;
}

    .bg:after,
    .bg:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 100%;
        background: rgba(0, 0, 0, 0);
        z-index: -2;
        border-top-left-radius: .4rem;
        border-bottom-right-radius: .4rem;
    }

    .bg:hover {
        z-index: 1;
        background: transparent;
    }

    .bg:before {
        transition: 0.6s;
        background: #2177DD;
        z-index: -1;
    }

    .bg:after,
    .bg:hover:before {
        width: 100%;
    }



.jswd {
    display: flex;
    /*  padding-top: .94rem;*/
    width: 100vw;
    background-color: #FBFBFB;
    border-top: 1px solid #E0E0E0;
}

.wdDirectory {
    width: 4.86rem;
    /*    height: 100%;
    height: 15.05rem;*/
    background-color: #FBFBFB;
    padding-top: .75rem;
    padding-left: 0.63rem;
    padding-right: .55rem;
    margin-bottom: 0.5rem;
    height: 100%;
    position: sticky;
    top: 0;
    height: 100vh;
    position: sticky;
    top: 0;
    overflow: auto;
}




    .wdDirectory > ul > li {
        position: relative;
        width: 2.68rem;
        margin: 0;
        min-height: .62rem;
        border-bottom: 1px solid #D2D2D2;
    }



        .wdDirectory > ul > li i {
            position: absolute;
            display: inline-block;
            width: .2rem;
            height: .2rem;
            top: .22rem;
            right: 0.1rem;
            background-image: url(/app_static/images/openico.png);
            background-repeat: no-repeat;
            background-size: cover;
        }

        .wdDirectory > ul > li.active i {
            background-image: url(/app_static/images/openico1.png);
            background-position: center;
            background-size: .16rem .16rem;
        }


        .wdDirectory > ul > li > span, .wdDirectory > ul > li > a {
            font-family: 'HarmonyOS Sans SC';
            font-style: normal;
            font-weight: 400;
            font-size: .18rem;
            line-height: .5rem;
            text-transform: capitalize;
            color: #70757C;
            display: flex;
            width: 100%;
            padding: 0.1rem;
        }

        .wdDirectory > ul > li > ul {
            display: none;
            border-top: .01rem solid #D2D2D2;
            padding: .1rem 0;
        }

            .wdDirectory > ul > li > ul > li a {
                font-family: 'HarmonyOS Sans SC';
                font-style: normal;
                font-weight: lighter;
                font-size: .16rem;
                line-height: .5rem;
                text-transform: capitalize;
                color: #333;
                margin-left: .13rem;
            }

        .wdDirectory > ul > li > a {
            font-family: 'HarmonyOS Sans SC';
            font-style: normal;
            font-weight: 400;
            font-size: .18rem;
            line-height: .5rem;
            text-transform: capitalize;
            color: #70757C;
        }

.wdContent {
    width: 100%;
    background-color: #FAFBFF;
    padding: .67rem 3rem 1.06rem .82rem;
    overflow-y: scroll;
}

/*    .wdContent table {
        border-collapse: collapse;
        text-align: center;
        width: 100%;
    }*/

.contentSearch {
    padding-bottom: .36rem;
    display: flex;
    justify-content: center;
    margin-bottom: .2rem;
}

    .contentSearch input {
        width: 2.8rem;
        height: .48rem;
        border: none;
        border-radius: 0.5rem;
        outline: none;
        border: .01rem solid #c3c3c3;
        padding-left: .55rem;
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 300;
        font-size: .16rem;
        text-transform: capitalize;
        color: #999999;
        background-image: url(/app_static/images/searchioc.png);
        background-repeat: no-repeat;
        background-size: .15rem .15rem;
        background-position: .22rem center;
    }


/* .wdContent table {
  border-collapse: collapse;
  text-align: center;
  table-layout: fixed; 
      width: 100%;
} */
.wdContent table td,
table th {
    border: 1px solid #DFE2E5;
    color: #666;
    padding: .13rem .06rem;
    font-size: .12rem;
}


.wdContent table {
    border-collapse: collapse;
    text-align: center;
}

    .wdContent table td,
    table th {
        border: 1px solid #DFE2E5;
        color: #666;
        padding: .13rem .06rem;
        font-size: .12rem;
    }

    .wdContent table thead th {
        background-color: #fff;
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: bold;
        font-size: .16rem;
        text-transform: capitalize;
        color: #333333;
    }

    .wdContent table tbody th {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 300;
        font-size: .16rem;
        text-transform: capitalize;
        color: #333333;
    }

    .wdContent table tr:nth-child(odd) {
        background: #fff;
    }

    .wdContent table tr:nth-child(even) {
        background: #F6F8FA;
    }

.codebox::-webkit-scrollbar {
    display: none;
}

.codebox {
    background-color: #F0F0F0;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow-x: hidden;
    overflow-y: auto;
}

.codebox {
    padding: .14rem .1rem;
    margin-bottom: .25rem;
}



.pre {
    /* font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace, PingFangSC-Regular; */
    font-family: HarmonyOS Sans SC;
    direction: ltr;
    word-wrap: normal;
    line-height: Auto;
    font-size: .14rem;
    line-height: .2rem;
    color: rgba(0, 0, 0, 0.65);
}

.hljs-attr {
    color: #F33D5E;
}

.hljs-string {
    color: #888;
}

.hljs-literal,
.hljs-number {
    color: #ae81ff;
}

.wdbody {
}



    .wdbody h1 {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 500;
        font-size: .32rem;
        line-height: .38rem;
        text-transform: capitalize;
        color: #333333;
        margin-bottom: .23rem;
    }

    .wdbody h2 {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 500;
        font-size: .24rem;
        line-height: .28rem;
        text-transform: capitalize;
        color: #333333;
        margin-bottom: .39rem;
    }

    .wdbody h3 {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 500;
        font-size: .18rem;
        line-height: .21rem;
        text-transform: capitalize;
        color: #333333;
        margin-bottom: .2rem;
    }

    .wdbody h4 {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-weight: 400;
        font-size: .16rem;
        line-height: .36rem;
        text-transform: capitalize;
        color: #70757C;
    }


    .wdbody p strong {
        font-family: 'HarmonyOS Sans SC';
        font-style: normal;
        font-size: .16rem;
        line-height: .36rem;
        text-transform: capitalize;
    }

    .wdbody p:has(strong) {
        margin: .1rem 0;
    }



.buyprogress2 h1 {
    color: #27221C;
    text-align: center;
    font-family: HarmonyOS Sans SC;
    font-size: .38rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: .24rem;
}

.buyprogress2 h2 {
    color: #2177DD;
    text-align: center;
    font-family: HarmonyOS Sans SC;
    font-size: .32rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: .72rem;
}



/*TODO 瑙ｅ喅鏂规椤甸潰 */

.fangan {
    padding-top: .83rem;
}

    .fangan h1 {
        color: #27221C;
        font-family: HarmonyOS Sans SC;
        font-size: .38rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 1.9px;
        text-align: center;
        margin-bottom: .47rem;
    }


    .fangan ul {
        padding: 0 2.5rem;
        padding-bottom: .66rem;
    }

        .fangan ul li {
            display: flex;
            height: 4.6rem;
            align-items: center;
            margin-bottom: .6rem;
        }

            .fangan ul li:nth-of-type(2n) {
                flex-direction: row-reverse;
            }

                .fangan ul li:nth-of-type(2n) div:first-of-type {
                    padding-left: .52rem;
                }

            .fangan ul li div {
                width: 50%;
            }

                .fangan ul li div img {
                    width: 100%;
                    height: 100%;
                }

            .fangan ul li .solutionsimg {
                border-radius: .12rem;
                overflow: hidden;
            }

            .fangan ul li h2 {
                color: #27221C;
                font-family: HarmonyOS Sans SC;
                font-size: .24rem;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                margin-bottom: .3rem;
            }

            .fangan ul li h3 {
                color: #333;
                font-family: HarmonyOS Sans SC;
                font-size: .2rem;
                font-style: normal;
                font-weight: 400;
                line-height: .36rem;
                margin-bottom: .16rem;
            }

            .fangan ul li p {
                color: #999;
                font-family: HarmonyOS Sans SC;
                font-size: .18rem;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                width: 6.3rem;
                margin-bottom: .36rem;
            }

/* 娓犻亾鍔犵洘  joinway */

.joinway .joinwaybanner {
    width: 100vw;
    height: 8.72rem;
    position: relative;
}

    .joinway .joinwaybanner img {
        width: 100%;
        height: 100%;
    }

    .joinway .joinwaybanner .jointxt {
        position: absolute;
        top: 2.76rem;
        left: 2.59rem;
    }

        .joinway .joinwaybanner .jointxt h1 {
            color: #FFF;
            font-family: HarmonyOS Sans SC;
            font-size: .54rem;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            letter-spacing: .027rem;
            display: flex;
            margin-bottom: .3rem;
        }

            .joinway .joinwaybanner .jointxt h1 span {
                display: block;
                color: #FFEE53;
                font-family: HarmonyOS Sans SC;
                font-size: .54rem;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                margin-left: .14rem;
                position: relative;
            }

                .joinway .joinwaybanner .jointxt h1 span:after {
                    content: '';
                    display: block;
                    width: 5.33rem;
                    height: .78rem;
                    background-image: url(/app_static/images/wzkuang.png);
                    background-repeat: no-repeat;
                    background-size: 5.33rem .78rem;
                    position: absolute;
                    top: 0;
                    left: .26rem;
                }

        .joinway .joinwaybanner .jointxt h2 {
            color: #FFEE53;
            font-family: HarmonyOS Sans SC;
            font-size: .82rem;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            letter-spacing: .1312rem;
            margin-bottom: .14rem;
        }

        .joinway .joinwaybanner .jointxt h3 {
            color: #FFF;
            font-family: HarmonyOS Sans SC;
            font-size: .54rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: .108rem;
        }

    .joinway .joinwaybanner .joinRimg {
        position: absolute;
        top: .93rem;
        right: 1.93rem;
        width: 3.76rem;
        height: 6.68rem;
        border: .01rem solid #E1F1FF;
        ;
    }

.joinway .iotcoshow {
    padding: 1.09rem 2rem 1.31rem;
}

    .joinway .iotcoshow h1 {
        color: #27221C;
        text-align: center;
        font-family: HarmonyOS Sans SC;
        font-size: .38rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: .3rem;
    }

    .joinway .iotcoshow h2 {
        color: #000;
        text-align: left;
        font-family: HarmonyOS Sans SC;
        font-size: .24rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: .18rem;
    }

    .joinway .iotcoshow h3 {
        color: #27221C;
        font-family: HarmonyOS Sans SC;
        font-size: .24rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-align: center;
    }

        .joinway .iotcoshow h3 img {
            display: block;
            position: relative;
            left: 50%;
            transform: translateX(-50%);
            margin-top: .39rem;
        }

    .joinway .iotcoshow p {
        color: #666;
        font-family: HarmonyOS Sans SC;
        font-size: .18rem;
        font-style: normal;
        font-weight: 400;
        line-height: .38rem;
        margin-bottom: .36rem;
    }

    .joinway .iotcoshow .cardcp {
        display: flex;
    }

        .joinway .iotcoshow .cardcp li {
            width: 3.4rem;
            height: 1.78rem;
            border-radius: .02rem;
            border: .02rem solid #FFF;
            background: linear-gradient(180deg, #F4F6F9 0%, #FFF 100%);
            box-shadow: 0rem .02rem .08rem 0rem rgba(143, 149, 171, 0.12);
            margin-right: .47rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding-top: .39rem;
            margin-bottom: .59rem;
        }

            .joinway .iotcoshow .cardcp li:last-of-type {
                margin-right: 0;
            }

            .joinway .iotcoshow .cardcp li img {
                width: .7587rem;
                height: .48rem;
                margin-bottom: .26rem;
            }

            .joinway .iotcoshow .cardcp li p {
                color: #404442;
                font-family: HarmonyOS Sans SC;
                font-size: .24rem;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                margin: 0;
                padding: 0;
            }

.joinway .chzh {
    background-color: #F6F8FC;
    padding: .92rem 2.5rem 1.04rem;
}

    .joinway .chzh h1 {
        color: #27221C;
        text-align: center;
        font-family: HarmonyOS Sans SC;
        font-size: .32rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: .19rem;
    }

    .joinway .chzh p {
        color: #404442;
        text-align: center;
        font-family: HarmonyOS Sans SC;
        font-size: .18rem;
        font-style: normal;
        font-weight: 400;
        line-height: .38rem;
    }

    .joinway .chzh ul.support {
        margin-top: .45rem;
        display: flex;
    }

        .joinway .chzh ul.support li {
            margin-right: .54rem;
        }

            .joinway .chzh ul.support li:last-of-type {
                margin-right: 0;
            }

            .joinway .chzh ul.support li .supportimg {
                width: 4.3rem;
                height: 2.72rem;
                overflow: hidden;
            }

                .joinway .chzh ul.support li .supportimg img {
                    width: 100%;
                    height: 100%;
                    transition: transform 1s ease 0s;
                }

                    .joinway .chzh ul.support li .supportimg img:hover {
                        transform: scale(1.05);
                    }


            .joinway .chzh ul.support li .supporttxt {
                background-color: #FFF;
                width: 4.3rem;
                height: 2.21rem;
                padding: .44rem .6rem 0;
            }

                .joinway .chzh ul.support li .supporttxt h2 {
                    color: #404442;
                    text-align: center;
                    font-family: HarmonyOS Sans SC;
                    font-size: .24rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal;
                    margin-bottom: .36rem;
                    position: relative;
                }

                    .joinway .chzh ul.support li .supporttxt h2:after {
                        content: '';
                        display: block;
                        width: .2252rem;
                        height: .0152rem;
                        background-color: #2177DD;
                        position: absolute;
                        top: .49rem;
                        left: 50%;
                        transform: translateX(-50%);
                    }

                .joinway .chzh ul.support li .supporttxt h3 {
                    color: #888E8A;
                    text-align: center;
                    font-family: HarmonyOS Sans SC;
                    font-size: .18rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: .36rem;
                }

.applyjoin {
    width: 100vw;
    height: 3rem;
    background-color: #FFF;
    padding-top: .8rem;
    /* background: url(/app_static/images/knowmorebg.png) no-repeat;
    background-size: cover; */
}

.applyjoin1 {
    background: url(/app_static/images/knowmorebg.png) no-repeat;
    background-size: cover;
}

.applyjoin h1 {
    color: #27221C;
    text-align: center;
    font-family: HarmonyOS Sans SC;
    font-size: .38rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: .37rem;
}

.applyjoin1 h1 {
    color: #fff;
}

.applyjoin .BC {
    display: flex;
    justify-content: center;
}

.BC button {
    width: 2rem;
    height: .48rem;
    border-radius: .5rem;
    box-shadow: 0rem .06rem .08rem 0rem rgba(143, 149, 171, 0.12);
    border: none;
    color: #FFF;
    text-align: center;
    font-family: HarmonyOS Sans SC;
    font-size: .18rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.BC .applyB, .BC .toB {
    margin-right: .39rem;
    background: linear-gradient(138deg,#1e7efd 0%,#003a8f 100%);
}

.BC .applyC, .BC .toC {
    background: linear-gradient(139deg, #2caff8 0%, #088cc4 100%);
}

.BC button.applyB:hover, .BC button.toB:hover {
    background: linear-gradient(138deg,#003a8f 40%,#003a8f 100%);
}

.BC button.applyC:hover, .BC button.toC:hover {
    background: linear-gradient(139deg, #088cc4 40%, #088cc4 100%);
}

.abstract {
    padding: 1.09rem 3.69rem 1.04rem;
    background-image: url(/app_static/images/abstract.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

    .abstract h1 {
        color: #27221C;
        text-align: center;
        font-family: HarmonyOS Sans SC;
        font-size: .38rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: .32rem;
    }

    .abstract h2 {
        color: #27221C;
        text-align: center;
        font-family: HarmonyOS Sans SC;
        font-size: .24rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-bottom: .22rem;
    }

    .abstract p {
        color: #666;
        text-align: center;
        font-family: HarmonyOS Sans SC;
        font-size: .2rem;
        font-style: normal;
        font-weight: 400;
        line-height: .38rem;
        /* 190% */
        margin-bottom: .12rem;
    }

        .abstract p:last-of-type {
            margin-bottom: 0;
        }

    .abstract ul {
        display: flex;
        justify-content: center;
        margin-top: .21rem;
        margin-bottom: .23rem;
    }

        .abstract ul li {
            margin-right: .8rem;
        }

            .abstract ul li:last-of-type {
                margin-right: 0;
            }

.thereason {
    padding: 1.04rem 2.73rem 1.17rem;
}

    .thereason h1 {
        color: #27221C;
        text-align: center;
        font-family: HarmonyOS Sans SC;
        font-size: .38rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: .78rem;
    }

    .thereason .ttle {
        width: 3.4rem;
        height: .48rem;
        background: #2177DD;
        border-radius: .5rem;
        box-shadow: 0rem .06rem .08rem 0rem rgba(143, 149, 171, 0.12);
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFF;
        font-family: HarmonyOS Sans SC;
        font-size: .24rem;
        font-style: normal;
        font-weight: 500;
        position: absolute;
        left: 50%;
        top: -0.24rem;
        transform: translateX(-50%);
        /* margin-bottom: 1.2rem; */
        /* z-index: 10; */
    }

    .thereason .line {
        /* content:""; */
        display: block;
        width: 9rem;
        height: .01rem;
        background-color: #82ACFD;
        position: relative;
        /* top: 50%; */
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: 1.44rem;
        /* z-index: -1; */
    }

    .thereason .line1 {
        width: 1.7rem;
        height: .01rem;
        background-color: #82ACFD;
        position: absolute;
        left: -1.28rem;
        top: .74rem;
        transform: rotate(120deg);
    }

    .thereason .line2 {
        width: .01rem;
        height: 1.45rem;
        background-color: #82ACFD;
        position: absolute;
        top: 0;
        left: 2.66rem;
    }

    .thereason .line3 {
        width: .01rem;
        height: 1.45rem;
        background-color: #82ACFD;
        position: absolute;
        top: 0;
        right: 2.66rem;
    }

    .thereason .line4 {
        width: 1.7rem;
        height: .01rem;
        background-color: #82ACFD;
        position: absolute;
        right: -1.28rem;
        top: .74rem;
        transform: rotate(60deg);
    }

    .thereason ul {
        display: flex;
    }

        .thereason ul li {
            display: flex;
            width: 2.4rem;
            height: 2.4rem;
            border: .01rem solid #82ACFD;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 100%;
            margin-right: 1.35rem;
            position: relative;
            margin-bottom: 1rem;
        }

            .thereason ul li:last-of-type {
                margin-right: 0;
            }

            .thereason ul li img {
                width: 2.1rem;
                height: 2.1rem;
                border-radius: 100%;
            }

            .thereason ul li .txt {
                position: absolute;
                top: 2.58rem;
            }

                .thereason ul li .txt h5 {
                    color: #27221C;
                    text-align: center;
                    font-family: HarmonyOS Sans SC;
                    font-size: .24rem;
                    font-style: normal;
                    font-weight: 500;
                    line-height: normal;
                    margin-bottom: .14rem;
                }

                .thereason ul li .txt h6 {
                    color: #666;
                    font-family: HarmonyOS Sans SC;
                    font-size: .18rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal;
                }


.fuchi {
    padding: 1.05rem 0 .87rem;
    background-color: #F6F8FC;
}

    .fuchi h1 {
        color: #27221C;
        text-align: center;
        font-family: HarmonyOS Sans SC;
        font-size: .32rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: .56rem;
    }

    .fuchi img {
        width: 11.6rem;
        position: relative;
        left: 48%;
        transform: translateX(-50%);
    }

    .fuchi .quanquan {
        width: 6.7rem;
        height: 6.7rem;
        background-image: url(/app_static/images/quanquan.png);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

        .fuchi .quanquan .quan1 {
            width: 4.16rem;
            height: 4.16rem;
            border: 1px solid rgba(130, 172, 253, 0.6);
            border-radius: 100%;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            z-index: 1;
        }

        .fuchi .quanquan .quan2 {
            width: 3.12rem;
            height: 3.12rem;
            border: 1px solid rgba(130, 172, 253, 0.6);
            border-radius: 100%;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            z-index: 2;
            background-color: #E3EEFF;
        }

        .fuchi .quanquan .quan3 {
            width: 2.38rem;
            height: 2.38rem;
            border-radius: 100%;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            z-index: 3;
            background: linear-gradient(to bottom right, #0066F4, #4C98FE);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

            .fuchi .quanquan .quan3 p {
                color: #FFF;
                text-align: center;
                font-family: HarmonyOS Sans SC;
                font-size: .32rem;
                font-style: normal;
                font-weight: 700;
                line-height: .48rem;
                /* 150% */
                letter-spacing: .032rem;
            }

        .fuchi .quanquan .fitem {
            width: .8rem;
            height: .8rem;
            border-radius: 100%;
            background: linear-gradient(174deg, #0066F4 8.74%, #4C98FE 91.52%);
            box-shadow: 0px 4px 8px rgba(65, 131, 230, 0.25);
            position: absolute;
            line-height: .8rem;
        }

            .fuchi .quanquan .fitem img {
                width: .56rem;
                height: .56rem;
                position: relative;
                left: 50%;
                transform: translateX(-50%);
            }

            .fuchi .quanquan .fitem:nth-of-type(1) {
                top: .75rem;
                left: .17rem;
            }

            .fuchi .quanquan .fitem:nth-of-type(2) {
                top: 3.03rem;
                left: -0.63rem;
            }

            .fuchi .quanquan .fitem:nth-of-type(3) {
                top: 5.14rem;
                left: .17rem;
            }

            .fuchi .quanquan .fitem:nth-of-type(4) {
                top: 0.75rem;
                right: .26rem;
            }

            .fuchi .quanquan .fitem:nth-of-type(5) {
                top: 3.03rem;
                right: -0.54rem;
            }

            .fuchi .quanquan .fitem:nth-of-type(6) {
                top: 5.14rem;
                right: .26rem;
            }

            .fuchi .quanquan .fitem .txt {
                position: absolute;
            }

                .fuchi .quanquan .fitem .txt h5 {
                    color: #2177DD;
                    text-align: center;
                    font-family: HarmonyOS Sans SC;
                    font-size: .24rem;
                    font-style: normal;
                    font-weight: 500;
                    line-height: normal;
                }

                .fuchi .quanquan .fitem .txt h6 {
                    color: #666;
                    font-family: HarmonyOS Sans SC;
                    font-size: .18rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal;
                }

            .fuchi .quanquan .fitem:nth-of-type(1) .txt,
            .fuchi .quanquan .fitem:nth-of-type(2) .txt,
            .fuchi .quanquan .fitem:nth-of-type(3) .txt {
                top: 50%;
                transform: translateY(-50%);
            }

                .fuchi .quanquan .fitem:nth-of-type(1) .txt h5,
                .fuchi .quanquan .fitem:nth-of-type(1) .txt h6,
                .fuchi .quanquan .fitem:nth-of-type(2) .txt h5,
                .fuchi .quanquan .fitem:nth-of-type(2) .txt h6,
                .fuchi .quanquan .fitem:nth-of-type(3) .txt h5,
                .fuchi .quanquan .fitem:nth-of-type(3) .txt h6 {
                    text-align: right;
                }

            .fuchi .quanquan .fitem:nth-of-type(4) .txt,
            .fuchi .quanquan .fitem:nth-of-type(5) .txt,
            .fuchi .quanquan .fitem:nth-of-type(6) .txt {
                top: 50%;
                transform: translateY(-50%);
            }

                .fuchi .quanquan .fitem:nth-of-type(4) .txt h5,
                .fuchi .quanquan .fitem:nth-of-type(4) .txt h6,
                .fuchi .quanquan .fitem:nth-of-type(5) .txt h5,
                .fuchi .quanquan .fitem:nth-of-type(5) .txt h6,
                .fuchi .quanquan .fitem:nth-of-type(6) .txt h5,
                .fuchi .quanquan .fitem:nth-of-type(6) .txt h6 {
                    text-align: left;
                }

            .fuchi .quanquan .fitem:nth-of-type(1) .txt {
                left: -1.7rem;
            }

            .fuchi .quanquan .fitem:nth-of-type(2) .txt {
                left: -2rem;
            }

            .fuchi .quanquan .fitem:nth-of-type(3) .txt {
                left: -1.8rem;
            }

            .fuchi .quanquan .fitem:nth-of-type(4) .txt {
                right: -2.4rem;
            }

            .fuchi .quanquan .fitem:nth-of-type(5) .txt {
                right: -1.66rem;
            }

            .fuchi .quanquan .fitem:nth-of-type(6) .txt {
                right: -1.66rem;
            }



@media only screen and (max-width:750px) {
    .fuchi .quanquan {
        width: 3.5rem;
        height: 3.5rem;
        background-image: url(/app_static/images/mbquanquan.png);
        background-size: cover;
    }

        .fuchi .quanquan .quan1 {
            width: 2.61rem;
            height: 2.61rem;
        }

        .fuchi .quanquan .quan2 {
            width: 1.96rem;
            height: 1.96rem;
        }

        .fuchi .quanquan .quan3 {
            width: 1.49rem;
            height: 1.49rem;
        }

            .fuchi .quanquan .quan3 p {
                font-size: .28rem;
                line-height: .42rem;
            }

        .fuchi .quanquan .fitem {
        }

            .fuchi .quanquan .fitem:nth-of-type(1) {
                top: -0.28rem;
                left: 0.44rem;
            }

            .fuchi .quanquan .fitem:nth-of-type(2) {
                top: 1.4rem;
                left: -0.5rem;
            }

            .fuchi .quanquan .fitem:nth-of-type(3) {
                top: 3.05rem;
                left: 0.57rem;
            }

            .fuchi .quanquan .fitem:nth-of-type(4) {
                top: -0.28rem;
                right: 0.37rem;
            }

            .fuchi .quanquan .fitem:nth-of-type(5) {
                top: 1.44rem;
                right: -0.4rem;
            }

            .fuchi .quanquan .fitem:nth-of-type(6) {
                top: 3.05rem;
                right: 0.3rem;
            }

            .fuchi .quanquan .fitem .txt h5,
            .fuchi .quanquan .fitem .txt h6 {
                text-align: left !important;
            }

            .fuchi .quanquan .fitem .txt h5 {
                font-size: .24rem;
            }

            .fuchi .quanquan .fitem .txt h6 {
                font-size: .22rem;
            }

    .fuchi h1 {
        margin-bottom: 1.42rem;
    }

    .fuchi {
        padding-bottom: 1.49rem !important;
    }

        .fuchi .quanquan .fitem:nth-of-type(1) .txt {
            top: -0.1rem;
            left: -1.8rem;
        }

        .fuchi .quanquan .fitem:nth-of-type(2) .txt {
            top: -0.18rem;
            left: -1.2rem;
        }

            .fuchi .quanquan .fitem:nth-of-type(2) .txt h6 {
                width: 1.36rem;
            }

        .fuchi .quanquan .fitem:nth-of-type(3) .txt {
            left: -2rem;
        }

        .fuchi .quanquan .fitem:nth-of-type(4) .txt {
            top: 0.05rem;
            right: -1.9rem;
        }

            .fuchi .quanquan .fitem:nth-of-type(4) .txt h6 {
                width: 1.82rem;
            }

        .fuchi .quanquan .fitem:nth-of-type(5) .txt {
            right: -1.2rem;
            top: -0.3rem;
        }
}

/* TODO cardboss椤甸潰 */

.whatscardboss {
    padding: .92rem 2rem 1.2rem;
}

    .whatscardboss h1 {
        color: #27221C;
        font-family: HarmonyOS Sans SC;
        font-size: .38rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-align: center;
        margin-bottom: .32rem;
    }

    .whatscardboss p {
        color: #767676;
        font-family: HarmonyOS Sans SC;
        font-size: .18rem;
        font-style: normal;
        font-weight: 400;
        line-height: .38rem;
    }

    .whatscardboss h3 {
        color: #27221C;
        font-family: HarmonyOS Sans SC;
        font-size: .24rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-align: center;
        margin-top: .42rem;
    }

        .whatscardboss h3 img {
            display: block;
            position: relative;
            left: 50%;
            transform: translateX(-50%);
            margin-top: 0.39rem;
            width: 11.72rem;
        }

.ztjzimg img {
    width: 13.7rem;
}


/* 鎵嬫満 */
@media only screen and (max-width:768px) {
    .head {
        display: none;
    }

    .mbhead {
        width: 100%;
        height: 1rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 0.42rem;
        position: fixed;
        top: 0;
        z-index: 99;
    }

        .mbhead div {
            display: flex;
            align-items: center;
        }

    .dymblogo {
        width: 2.6rem;
        height: 0.4546rem;
        display: block;
        background: url(/app_static/images/logo.png) no-repeat;
        background-size: 2.6rem 0.4546rem;
    }

    .dymbbutton {
        width: 0.4rem;
        height: 0.4rem;
        outline: 0;
        border: 0;
        background: url(/app_static/images/ssw.png) no-repeat;
        background-size: 0.4rem 0.4rem;
    }

    .dygw {
        width: 0.4rem;
        height: 0.4rem;
        background: url(/app_static/images/gww.png) no-repeat;
        background-size: 0.4rem 0.4rem;
        margin-left: 0.21rem;
        margin-right: 0.3rem;
    }

    .caidan {
        width: 0.44rem;
        height: 0.44rem;
        background: url(/app_static/images/sanh.png) no-repeat;
        background-size: 0.44rem 0.44rem;
        outline: 0;
        border: 0;
    }

    .mmenu {
        background: url(/app_static/images/del.png) no-repeat;
        background-size: 0.36rem 0.36rem;
        background-position: center;
    }

    .caidan.current {
        width: 0.42rem;
        height: 0.37rem;
        background: url(/app_static/images/iclose.png) no-repeat center center;
        background-size: 0.32rem 0.31rem;
    }

    .searchinpbox input[type=text] {
        width: 90%;
        height: 0.56rem;
        border-radius: 0.3rem;
        border: none;
        background-color: #F2F2F2;
        text-indent: 0.21rem;
        font-family: HarmonyOS Sans SC;
        font-size: .22rem;
        font-weight: 300;
        line-height: .26rem;
        letter-spacing: 0em;
        text-align: left;
        color: #70757C;
    }


    .droplist {
        display: none;
        width: 100%;
        height: 100%;
        z-index: 100;
        position: fixed;
        top: 1rem;
        bottom: 0;
        left: 50%;
        margin-left: -50%;
        background-color: rgba(0, 0, 0, 0.8);
    }

        .droplist > ul {
            overflow-y: auto;
            padding: 0 0.2rem;
            height: 92%;
        }

            .droplist > ul > li {
                cursor: pointer;
            }

                .droplist > ul > li.nbg > a {
                    background: none;
                }

                .droplist > ul > li > a {
                    color: #fff;
                    font-size: 0.36rem;
                    line-height: 0.78rem;
                    font-family: "l";
                    font-weight: 400;
                    height: 0.78rem;
                    border-bottom: 1px solid #4b4a4a;
                    display: block;
                    display: block;
                    background-size: 0.22rem 0.22rem;
                    display: flex;
                    justify-content: space-between;
                }

        .droplist li.level2 {
            padding: .2rem 0;
        }



    @media only screen and (max-width: 750px) {
        .droplist > ul > li > a.level {
            background: url(/app_static/images/plus.png) right center no-repeat;
            color: #231815;
            font-family: ll;
            font-size: .24rem;
            font-weight: 400;
            line-height: 0.86rem;
            letter-spacing: 0em;
            text-align: left;
            height: 0.86rem;
            border-bottom: 0.01rem solid #ccc;
            display: block;
            display: block;
            position: relative;
            /*background: url(/app_static/images/plus.png) right center no-repeat;*/
            background-size: 0.22rem 0.22rem;
            color: #231815;
            font-family: HarmonyOS Sans SC;
            font-size: .24rem;
            font-style: normal;
            font-weight: 400;
        }


        .iotmbbanner .mbbanners .items .bannerctt {
            width: 100%;
            height: 100%;
            position: relative;
        }

        .mbqpbanner {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }




        .mbqpbanner3 {
            margin-top: 0.5rem;
            width: 100%;
            /* margin-top: 1.5rem;*/
            /* width: 7.6rem;*/
            /* height: 100%;*/
        }


    }

    .droplist > ul > li > a.current {
        background: url(/app_static/images/minus.png) right center no-repeat;
        background-size: 0.22rem 0.22rem;
    }

    .droplist ul li ul {
        display: none;
        border-bottom: 1px solid #ccc;
        padding: 0.18rem 0;
    }

        .droplist ul li ul li a {
            color: #70757C;
            font-size: 0.24rem;
            line-height: 0.5rem;
        }

    .bigsearch {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        background: #fff;
        display: flex;
        align-items: center;
        padding-left: 0.46rem;
        justify-content: space-between;
        height: 0;
        overflow: hidden;
    }

        .bigsearch div {
            cursor: pointer;
            width: 0.87rem;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .bigsearch div img {
                width: 0.4rem;
            }

        .bigsearch input {
            flex: 1;
            flex: 1;
            outline: 0;
            border: 0;
            font-size: 0.3rem;
            font-family: "l";
            font-weight: 400;
            color: #787878;
        }

            .bigsearch input::-webkit-input-placeholder {
                font-size: 0.3rem;
                font-family: "l";
                font-weight: 400;
                color: #787878;
            }

    .mbhead2 {
        background: #fff;
    }

        .mbhead2 .dymblogo {
            background: url(/app_static/images/logo1.png) no-repeat;
            background-size: 2.6rem 0.4546rem;
        }

        .mbhead2 .dymbbutton {
            background: url(/app_static/images/ssg.png) no-repeat;
            background-size: 0.4rem 0.4rem;
        }

        .mbhead2 .dygw {
            width: 0.4rem;
            height: 0.4rem;
            background: url(/app_static/images/gwg.png) no-repeat;
            background-size: 0.4rem 0.4rem;
            margin-left: 0.21rem;
            margin-right: 0.3rem;
        }

        .mbhead2 .caidan {
            width: 0.42rem;
            height: 0.32rem;
            background: url(/app_static/images/sanhg.png) no-repeat;
            background-size: 0.42rem 0.32rem;
            outline: 0;
            border: 0;
        }

            .mbhead2 .caidan.current {
                width: 0.42rem;
                height: 0.37rem;
                background: url(/app_static/images/iclose3.png) no-repeat center center;
                background-size: 0.42rem 0.37rem;
            }

    .mbbanner {
        display: block;
    }

    .pcbanner {
        display: none;
    }

    .dybanner .swiper-button-next,
    .dybanner .swiper-rtl .swiper-button-prev {
        right: 0.3101rem;
        left: auto;
        background: url(/app_static/images/dyr.png);
        background-size: 0.1299rem 0.2774rem;
    }

    .dybanner .swiper-button-prev,
    .dybanner .swiper-rtl .swiper-button-next {
        left: 0.3101rem;
        right: auto;
        background: url(/app_static/images/dyl.png);
        background-size: 0.1299rem 0.2774rem;
    }

    .dybanner .swiper-button-next,
    .dybanner .swiper-button-prev {
        position: absolute;
        top: 50%;
        width: 0.1299rem;
        height: 0.2774rem;
        margin-top: calc(0px - (var(--swiper-navigation-size)/2));
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--swiper-navigation-color, var(--swiper-theme-color));
    }
}


/* 鎮诞 */

.xuanfu {
    position: fixed;
    right: .5rem;
    top: 1.5rem;
    z-index: 999999999999999;
}

    .xuanfu ul li {
        width: .5rem;
        height: .5rem;
        background-color: #FFF;
        box-shadow: .01rem .02rem .1rem 0rem rgba(0, 0, 0, 0.10);
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: .1rem;
        cursor: pointer;
        position: relative;
    }

        .xuanfu ul li img {
            width: .3rem;
            height: .3rem;
        }

        .xuanfu ul li span {
            position: absolute;
            bottom: .0683rem;
            color: #2177DD;
            font-family: HarmonyOS Sans SC;
            font-size: .12rem;
            font-style: normal;
            font-weight: 400;
            line-height: .12rem;
            /* 100% */
        }

        .xuanfu ul li img:first-of-type {
            display: block;
        }

        .xuanfu ul li img:last-of-type {
            display: none;
        }

        .xuanfu ul li:hover {
            background-color: #2177DD;
        }

            .xuanfu ul li:hover img:first-of-type {
                display: none;
            }

            .xuanfu ul li:hover img:last-of-type {
                display: block;
            }

            .xuanfu ul li:hover span {
                color: #fff;
            }

.freetozx {
    position: absolute;
    right: 100%;
    width: 2.76rem;
    height: 3.43rem;
    border: .01rem solid #D0D0D0;
    background: #FFF;
    box-shadow: .01rem .02rem .1rem 0rem rgba(0, 0, 0, 0.10);
}



.rightnav {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
}

.rightnavlist {
    width: .5rem;
    height: .5rem;
    margin-top: .1rem;
 
    background: #2177DD;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    font-size: .12rem;
    border: 1px solid #d8e3fd;
}

    .rightnavlist::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 100%;
        width: .3rem;
        height: .5rem;
        background-color: transparent;
    }

    .rightnavlist:hover {
        background: #FFFFFF;
    }

    .rightnavlist > img {
        width: .3rem;
        height: .3rem;
    }

        .rightnavlist > img:last-of-type {
            display: none;
        }

    .rightnavlist:hover > img:first-of-type {
        display: none;
    }

    .rightnavlist:hover > img:last-of-type {
        display: block;
    }

    .rightnavlist:hover span {
        color: #FFF;
    }

.rightnavlist {
    position: relative;
}

    .rightnavlist span {
        position: absolute;
        /* bottom: .0683rem; */
        bottom: .09rem;
        color: #2177DD;
        font-family: HarmonyOS Sans SC;
        font-size: .12rem;
        font-style: normal;
        font-weight: 400;
        line-height: .12rem;
    }


@media only screen and (max-width:1500px) {
    .rightnavlist span {
        zoom: 0.75;
    }

    .rightnavlist span {
        bottom: 10px;
    }
}


.rightnavlist > div {
    position: absolute;
    font-family: ll;
    font-size: .16rem;
    font-weight: 400;
    line-height: .18rem;
    letter-spacing: 0px;
    text-align: left;
    color: #3D3D3D;
}

    .rightnavlist > div .label {
        border: 1px solid #CECECE;
        padding: 0 .05rem;
        color: #3D3D3D;
        font-family: HarmonyOS Sans SC;
        font-size: .16rem;
        font-style: normal;
        font-weight: 400;
        line-height: .18rem;
    }

.rightnavlist .checkout {
    display: none;
}

.benone {
    display: none !important;
}

.rvan1:hover .lxbg {
    display: flex;
}

.rvan2:hover .ckwxewm {
    display: flex;
}

.rvan4:hover .dianhua {
    display: flex;
}

.rvan5 {
    padding-top: .05rem;
    justify-content: flex-start;
}


.lxbg {
    /*    position: absolute;
    top: -1.35rem;
    right: 0.75rem;
    width: 2.76rem;
    height: 3.43rem;
    background: #FFFFFF;
    border: .01rem solid #D0D0D0;
    box-shadow: .01rem .02rem .1rem rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;*/

    position: absolute;
    width: 1.92rem;
    height: .5rem;
    right: 0.75rem;
    background: #FFFFFF;
    border: 1px solid #D0D0D0;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3D3D3D;
    font-family: HarmonyOS Sans SC;
    font-size: .16rem;
    font-style: normal;
    font-weight: 400;
    line-height: .18rem;
}

    .lxbg img {
        position: absolute;
        right: .15rem;
        top: .21rem;
        width: .16rem;
        height: .16rem;
    }

    .lxbg input[type='text'] {
        width: 1.8rem;
        height: .44rem;
        margin-left: 0.0969rem;
        border: none;
        color: #3D3D3D;
        font-family: HarmonyOS Sans SC;
        font-size: .16rem;
        font-style: normal;
        font-weight: 400;
        padding-left: .12rem;
    }

    .lxbg input[type='checkbox'] {
        width: .16rem;
        height: .16rem;
    }

    .lxbg input[type='button'] {
        width: 2.5rem;
        height: .44rem;
        background: #3389ee;
        border: none;
        font-family: HarmonyOS Sans SC;
        font-size: .16rem;
        font-weight: 400;
        letter-spacing: 0px;
        color: #FFFFFF;
        margin-top: .1064rem;
    }

        .lxbg input[type='button']:hover {
            background-color: #2177DD;
        }

    .lxbg h6 {
        margin-top: .32rem;
        margin-bottom: .27rem;
        color: #3D3D3D;
        font-family: HarmonyOS Sans SC;
        font-size: .2rem;
        font-style: normal;
        font-weight: 400;
        line-height: .2rem;
    }

    .lxbg div {
        margin-bottom: .12rem;
    }

.ckwxewm .qrborder {
    width: 1.36rem;
    height: 1.36rem;
    display: flex;
    align-items: center;
    justify-content: center;
/*    border: .01rem solid #D6D6D6;*/
    margin-bottom: .19rem;
}

.ckwxewm img {
    width: 1.60rem;
    height: 1.60rem;
}

.ckwxewm {
    position: absolute;
    right: 0.75rem;
    top: -0.85rem;
    width: 1.92rem;
    height: 2.29rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: .34rem;
    background: #FFFFFF;
    border: 1px solid #D0D0D0;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
}

    .ckwxewm p {
        font-family: ll;
        font-size: .16rem;
        font-weight: 400;
        letter-spacing: 0px;
        color: #3D3D3D;
    }

.dianhua {
    position: absolute;
    width: 1.92rem;
    height: .5rem;
    right: 0.75rem;
    background: #FFFFFF;
    border: 1px solid #D0D0D0;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3D3D3D;
    font-family: HarmonyOS Sans SC;
    font-size: .16rem;
    font-style: normal;
    font-weight: 400;
    line-height: .18rem;
}






.iotfootleft ul {
    margin-right: 0;
}



    .iotfootleft ul:nth-of-type(1) {
        width: 1.7rem;
    }

    .iotfootleft ul:nth-of-type(2) {
        width: 1.85rem;
    }

    .iotfootleft ul:nth-of-type(3) {
        width: 2.35rem;
    }

    .iotfootleft ul:nth-of-type(4) {
        margin-right: 0;
        width: 1.6rem;
    }

/* .iotfootright ul li {
  line-height: .2rem;
} */


.iotfootright ul li:last-of-type {
    line-height: 0.3rem;
    margin-bottom: 0.15rem;
}


.fhsy:hover {
    border: none;
    background-color: #2177DD;
    color: #fff;
}


.searchresult {
}

    .searchresult .num {
        padding-bottom: .3rem;
        border-bottom: .01rem solid #E6E6E6;
    }

    .searchresult h1 {
        color: #333;
        font-family: HarmonyOS Sans SC;
        font-size: .32rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
        margin-bottom: .23rem;
    }

    .searchresult h3 {
        color: #333;
        font-family: HarmonyOS Sans SC;
        font-size: .24rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
    }

        .searchresult h3 span {
            color: #2177DD;
        }

    .searchresult .searchlist li {
        padding-top: .37rem;
        padding-bottom: .34rem;
        border-bottom: .01rem solid #E6E6E6;
    }


        .searchresult .searchlist li a .txt {
            color: #333;
            font-family: HarmonyOS Sans SC;
            font-size: .18rem;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            text-transform: capitalize;
            margin-bottom: .2rem;
        }


            .searchresult .searchlist li a .txt span {
                color: #2177DD;
            }

        .searchresult .searchlist li a .describe {
            color: #70757C;
            font-family: HarmonyOS Sans SC;
            font-size: .16rem;
            font-style: normal;
            font-weight: 300;
            line-height: .32rem;
            text-transform: capitalize;
            margin-bottom: .27rem;
        }

        .searchresult .searchlist li a > span {
            color: #70757C;
            font-family: HarmonyOS Sans SC;
            font-size: .16rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-transform: capitalize;
        }

    .searchresult h4 {
        color: #333;
        font-family: HarmonyOS Sans SC;
        font-size: .24rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
        display: flex;
        align-items: center;
    }

        .searchresult h4 img {
            width: .68rem;
            height: .68rem;
            margin-right: .15rem;
        }

@media only screen and (max-width:750px) {
    .searchresult h1 {
        font-size: .28rem;
    }

    .searchresult h3 {
        font-size: .24rem;
    }

    .searchresult .searchlist li a .txt {
        font-size: .28rem;
    }

    .searchresult .searchlist li a .describe {
        font-size: .24rem;
        line-height: .48rem;
    }

    .searchresult .searchlist li a > span {
        font-size: .24rem;
    }

    .searchresult h4 {
        font-size: .24rem;
    }

        .searchresult h4 img {
            width: .76rem;
            height: .76rem;
        }
}

.articleCate ul {
    display: flex;
    justify-content: center;
    padding-bottom: .28rem;
    padding-top: .69rem;
    border-bottom: .01rem solid #EAEAEA;
    padding: 0.69rem 5rem 0.2rem;
    margin: 0 2.5rem;
}

    .articleCate ul li {
        width: 33.333%;
        text-align: center;
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
        cursor: pointer;
    }

        .articleCate ul li a {
            color: #8E8E8E !important;
            text-align: center;
            font-family: HarmonyOS Sans SC;
            font-size: .2rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            position: relative;
        }

        .articleCate ul li.active a {
            color: #373737 !important;
            text-align: center;
            font-family: HarmonyOS Sans SC;
            font-size: .2rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
        }

            .articleCate ul li.active a:after {
                content: '';
                display: block;
                position: absolute;
                width: 100%;
                height: .04rem;
                background: #2177DD;
                left: 0;
                top: .6rem;
            }

        .articleCate ul li:hover a {
            color: #373737 !important;
            text-align: center;
            font-family: HarmonyOS Sans SC;
            font-size: .2rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
        }

            .articleCate ul li:hover a:after {
                content: '';
                display: block;
                position: absolute;
                width: 100%;
                height: .04rem;
                background: #2177DD;
                left: 0;
                top: .6rem;
            }




.iotmbbanner,
.mbsolution,
.mbyugu,
.mbaboutbanner,
.mbwlwkbanner,
.mbzixunbanner,
.mbxtjz,
.hyzx .gdbtn,
.contentSearch button,
.mnav1,
.mbjoinbanner,
.mbfuchi,
.searchinpbox,
.mbwlwkbannner,
.mbsobanner,
.mbdetaildate,
.mbshare,
.mbwdnav, .mmclose, .mbdate, .articles .rows锛�.mheader {
    display: none;
}



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

    html {
        overflow-y: scroll;
    }


    :root {
        overflow-y: auto;
        overflow-x: hidden;
    }

        :root body {
            position: absolute;
        }

    body {
        width: 100vw;
        overflow: hidden;
        font-family: 'HarmonyOS Sans SC Bold', sans-serif;
    }

    .mnav1,
    .mbwlwkbannner,
    .mbsobanner,
    .mbwdnav,
    .mmclose, .mbdate, .articles .rows {
        display: block;
    }

    .searchinpbox {
        display: flex;
    }

    .fy {
        display: none !important;
    }

    .articles > ul {
        display: none;
    }

    .articles .rows {
        width: 6.9rem;
    }

        .articles .rows h6 {
            text-align: center;
            display: none;
            font-size: .2rem;
            margin: .5rem 0;
        }



    /* html {
    font-size: 20px !important;
  }

  body {
    max-width: 7.5rem;
  }

  .iotbanner {
    height: 20vh;
  }

  .iotfootleft ul li {
    margin-bottom: -0.3rem;
  } */
    .wow {
        animation-name: none !important;
        visibility: visible !important;
    }

    .rightnav {
        display: none !important;
    }

    .pcdate {
        display: none;
    }

    .head2 {
        display: none;
    }

    .iotbanner {
        display: none;
    }

    .mheader {
        width: 100vw;
        height: 0.9rem;
        /* position: absolute; */
        z-index: 99;
        background-color: #FFFFFF;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 0.4rem;
        border-bottom: 0.01rem solid #E2E2E2;
        top: 0;
    }

        .mheader .mlogo {
            width: 1rem;
            height: 0.53rem;
            background-image: url(/images/logo.png);
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
        }

    .searchinpbox {
        height: 100%;
        flex: 1;
        display: none;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .searchinpbox {
        position: absolute;
        left: 1.6rem;
        width: 3.8rem;
        background-color: #fff;
    }

        .searchinpbox img {
            width: .44rem;
            height: .44rem;
            position: absolute;
            right: .4rem;
            top: 50%;
            transform: translateY(-50%);
        }

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

    .mheader .mbloginbtn {
        width: 0.44rem;
        height: 0.44rem;
        background-image: url(/app_static/images/mloginico2.png);
        background-repeat: no-repeat;
        background-size: cover;
        margin-right: 0.14rem;
        cursor: pointer;
    }

    .mheader .msearcho {
        width: 0.44rem;
        height: 0.44rem;
        background-image: url(/app_static/images/search1.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 0.4rem 0.4rem;
        margin-right: 0.2rem;
    }

    .mheader .closeaa {
        display: none;
        width: 0.44rem;
        height: 0.44rem;
        background-image: url(/app_static/images/del.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 0.28rem 0.28rem;
        margin-right: 0.2rem;
    }

    .droplist {
        display: none;
        width: 100%;
        height: 100%;
        z-index: 100;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 50%;
        margin-left: -50%;
        background-color: #FFFFFF;
        z-index: 99999;
    }

        .droplist > ul {
            overflow-y: auto;
            padding: 0 0.65rem;
            height: 92%;
            background-color: #F8F8F8;
        }

            .droplist > ul > li.nbg > a {
                background: none;
            }

            .droplist > ul > li > a {
                color: #231815;
                font-family: ll;
                font-size: .24rem;
                font-weight: 400;
                line-height: 0.86rem;
                letter-spacing: 0em;
                text-align: left;
                height: 0.86rem;
                border-bottom: 0.01rem solid #ccc;
                display: block;
                display: block;
                position: relative;
                /*    background: url(/app_static/images/plus.png) right center no-repeat;*/
                background-size: 0.22rem 0.22rem;
                color: #231815;
                font-family: HarmonyOS Sans SC;
                font-size: .24rem;
                font-style: normal;
                font-weight: 400;
            }

    .iotmbbanner {
        width: 100vw;
        height: 100vh;
        background-color: #E9ECF3;
        display: block;
    }

        .iotmbbanner .mbbanners .items {
            width: 100vw;
            height: 100vh;
        }


            .iotmbbanner .mbbanners .items .bannerctt {
                width: 100%;
                height: 100%;
                position: relative;
            }


                .iotmbbanner .mbbanners .items .bannerctt .bannermap {
                    position: absolute;
                    width: 7.5rem;
                    top: 3.97rem;
                }

                .iotmbbanner .mbbanners .items .bannerctt .bannerpoint {
                    position: absolute;
                    width: 7.25rem;
                    top: 3.54rem;
                    left: 50%;
                    transform: translateX(-50%);
                }

                .iotmbbanner .mbbanners .items .bannerctt .bannertxt {
                    width: 100%;
                    position: absolute;
                    top: 9.04rem;
                    left: 50%;
                    transform: translateX(-50%);
                }

                    .iotmbbanner .mbbanners .items .bannerctt .bannertxt h1 {
                        color: #3C3D42;
                        text-align: center;
                        font-family: HarmonyOS Sans SC;
                        font-size: .58rem;
                        font-style: normal;
                        font-weight: 700;
                        line-height: normal;
                        margin-bottom: .4rem;
                    }

                    .iotmbbanner .mbbanners .items .bannerctt .bannertxt h2 {
                        color: #3C3D42;
                        font-family: HarmonyOS Sans SC;
                        font-size: .48rem;
                        font-style: normal;
                        font-weight: 400;
                        line-height: normal;
                        text-align: center;
                        margin-bottom: .49rem;
                    }

                    .iotmbbanner .mbbanners .items .bannerctt .bannertxt a {
                        display: flex;
                        width: 3rem;
                        height: 0.68rem;
                        border-radius: 0.5rem;
                        border: 0.01rem solid #717773;
                        box-shadow: 0px 6px 8px 0px rgb(143 149 171 / 12%);
                        justify-content: center;
                        align-items: center;
                        position: relative;
                        left: 50%;
                        transform: translateX(-50%);
                        color: #3C3D42;
                        text-align: center;
                        font-family: HarmonyOS Sans SC;
                        font-size: .22rem;
                        font-style: normal;
                        font-weight: 300;
                        line-height: normal;
                    }

        .iotmbbanner .swiper-horizontal > .swiper-pagination-bullets,
        .swiper-pagination-bullets.swiper-pagination-horizontal,
        .swiper-pagination-custom,
        .swiper-pagination-fraction {
            bottom: .64rem;
        }

            .iotmbbanner .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
            .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
                margin: 0 .23rem;
            }

    .whychoose {
        padding-bottom: 1.06rem;
        padding-top: 1rem;
    }

        .whychoose h1 {
            margin-bottom: .74rem;
        }

    .whycardbox ul {
        display: block;
    }

    .fgline {
        /* display: none; */
        width: 6.8rem;
        height: .01rem;
        background: linear-gradient(270deg, rgba(223, 223, 223, 0.00) -1.49%, #DFDFDF 48.49%, rgba(223, 223, 223, 0.00) 100%);
        margin-top: .4rem;
        margin-bottom: .55rem;
    }

    .whycardbox ul .whycard h2 {
        font-size: .28rem;
        margin-bottom: .17rem;
    }

    .whycardbox ul .whycard p {
        font-size: .24rem;
        margin-top: .23rem;
        width: 6.8rem;
    }

    .gdbtn {
        width: 2.38rem;
        height: .68rem;
        font-size: .24rem;
    }

    .wlwk {
        padding: .97rem .35rem 1.19rem;
        height: auto;
    }

    .wkbox ul {
        display: block;
    }

        .wkbox ul li {
            margin-right: 0;
        }

    .wkcard {
        margin-right: 0;
        flex-direction: row;
        /* display: block; */
        width: 6.8rem;
        height: 2.6rem;
        align-items: flex-start;
        padding-top: .52rem;
        padding-left: .45rem;
        margin-bottom: .3rem;
    }

        .wkcard:last-of-type {
            margin-bottom: 0;
        }

    .whycardbox ul .whycard {
        width: 100%;
    }

        .whycardbox ul .whycard .smline {
            /* display: none; */
        }

    .wkbox ul li p {
        width: 4.2rem;
        text-align: left;
        font-size: .22rem;
        line-height: .44rem;
        margin-top: 0.16rem;
    }

    .wkbox ul li img {
        width: 1.4rem;
        height: .8857rem;
        margin: 0;
        margin-right: .38rem;
    }

    .wkbox ul li h2 {
        font-size: .24rem;
        margin-bottom: 0rem;
    }


    .wkdet {
        display: block;
    }

        .wkdet .smline {
            display: none;
        }

    .solution {
        display: none;
    }

    .mbsolution {
        display: block;
        padding: .84rem .35rem 1.49rem;
    }

        .mbsolution h1 {
            color: #272727;
            text-align: center;
            font-family: HarmonyOS Sans SC;
            font-size: .38rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: .019rem;
            margin-bottom: .4rem;
        }

        .mbsolution ul {
            display: flex;
            flex-wrap: wrap;
        }

            .mbsolution ul li {
                position: relative;
                width: 3.24rem;
                height: 2.74rem;
                padding: .35rem 0 0 .23rem;
                margin-right: .25rem;
                margin-bottom: .21rem;
            }

                .mbsolution ul li:nth-of-type(2n) {
                    margin-right: 0;
                }

                .mbsolution ul li img {
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    z-index: -1;
                }

                .mbsolution ul li h5 {
                    color: #FFF;
                    font-family: HarmonyOS Sans SC;
                    font-size: .28rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal;
                    margin-bottom: .12rem;
                }

                .mbsolution ul li h6 {
                    color: #FFF;
                    font-family: HarmonyOS Sans SC;
                    font-size: .22rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: .42rem;
                }

    .cardbossbox ul {
        flex-wrap: wrap;
    }


    .cardboss {
        padding: 1.05rem .35rem 1.3rem;
    }

    .cardbosscard {
        width: 3.3rem;
        height: 4.12rem;
    }

    .cardboss h1 {
        font-size: .38rem;
        margin-bottom: .51rem;
    }


    .cardbossbox ul li {
        margin-right: .2rem;
        margin-bottom: .215rem;
    }

        .cardbossbox ul li:nth-of-type(2n) {
            margin-right: 0;
        }

        .cardbossbox ul li p {
            font-size: .22rem;
        }

    .salesafter {
    }


    .salesbox ul {
        /* display: block; */
        flex-direction: column;
        align-items: center;
    }

        .salesbox ul li {
            margin-bottom: .315rem;
            width: 6.8rem;
            height: 2.2rem;
            justify-content: space-between;
            padding-top: 0;
            padding-left: .4rem;
        }

            .salesbox ul li:last-of-type {
                margin-bottom: 0;
            }

            .salesbox ul li .salescardLeft {
                margin: 0;
                margin-top: .46rem;
            }

            .salesbox ul li .salescardRight {
                margin-top: .54rem;
                margin-right: .55rem;
                width: 1.26rem;
                height: 1.26rem;
            }

                .salesbox ul li .salescardRight img {
                    width: .72rem;
                    height: .72rem;
                }

            .salesbox ul li .salescardLeft h2 {
                font-size: .28rem;
                margin-bottom: .12rem;
            }

            .salesbox ul li .salescardLeft p {
                font-size: .22rem;
                line-height: .48rem;
            }


    .buyprogress .yugu {
        display: none;
    }

    .buyprogress .mbyugu {
        display: block;
        width: 6.8rem;
    }

    .buyprogress {
        width: 100%;
        background-color: #FAFAFA;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* padding-top: 0.97rem; */
        /* padding-bottom: 1.47rem; */
        padding: 1.36rem calc((100vw - 15rem)/2) 1.21rem;
    }

    .newscenter {
        padding: 0;
        padding: 1rem .35rem 1rem;
    }

    .swiper-button-prev-news,
    .swiper-button-next-news {
        display: none;
    }

    .newscenter h1 {
        font-size: .42rem;
    }

    .newscenter .newsSwiper .swiper-wrapper {
        display: block;
    }

    .newscenter .newscard {
        width: 6.8rem;
        height: 2.51rem;
        padding: 0.44rem 0.4rem 0 0.51rem;
    }

        .newscenter .newscard .newsdate span {
            font-size: .6rem;
            margin-bottom: .06rem;
        }

        .newscenter .newscard .newsdate p {
            font-size: .22rem;
        }

        .newscenter .newscard .newsintro p a {
            font-size: .28rem;
            line-height: .48rem;
        }

        .newscenter .newscard .newsintro a {
            font-size: .22rem;
        }

        .newscenter .newscard .newsdate {
            margin-right: .45rem;
        }

    .newscenter .newscard {
        margin-bottom: .3rem;
        border-radius: .02rem;
    }


    .newscenter .gdbtn {
        margin-top: .65rem;
    }

    .quickfree {
        padding-top: .8rem;
    }

        .quickfree a .tiaodong {
            /* display: none; */
        }

        .quickfree h1 {
            font-size: .38rem;
            margin-bottom: .31rem;
        }

    .greenbtn {
        width: 2.38rem;
        height: .68rem;
        font-size: .22rem;
    }

    .link {
        display: none;
    }

    .iotfoot {
        /* display: none; */
        overflow: hidden;
        padding: 0;
        padding: 0 0.25rem .4rem;
        height: auto;
    }

    .iotfootleft ul li {
        display: none;
    }

    .iotfoottop {
        display: block;
    }

    .iotfootleft {
        padding-top: .41rem;
        padding-bottom: .19rem;
        border-bottom: .01rem solid #717773;
        justify-content: space-between;
    }

        .iotfootleft ul h5 {
            margin-bottom: 0;
        }

            .iotfootleft ul h5 a {
                font-size: .22rem;
            }



        .iotfootleft ul {
            width: auto !important;
            /* margin-right: .39rem; */
        }

            .iotfootleft ul:last-of-type {
                display: block !important;
                margin-right: 0;
            }

    .iotfootright {
        margin-top: .44rem;
        justify-content: space-between;
    }

        .iotfootright ul h5 {
            display: none;
        }

        .iotfootright ul {
            border: none;
            padding-left: 0;
        }

            .iotfootright ul p {
                font-size: .24rem;
                margin-bottom: .17rem;
            }

            .iotfootright ul li {
                font-size: .2rem;
                line-height: .38rem;
                margin-bottom: 0.1rem;
                width: 3.54rem;
            }

                .iotfootright ul li a {
                    font-size: .2rem;
                }

        .iotfootright > div div img {
            width: 1.16rem;
            height: 1.16rem;
        }

        .iotfootright > div {
            margin-left: .67rem;
        }

            .iotfootright > div div {
                margin-right: .32rem;
            }

                .iotfootright > div div h3 {
                    width: 1.2rem;
                    font-size: .2rem;
                }

    .copy {
        margin-top: .16rem;
        margin-bottom: .5rem;
        font-size: .2rem;
        line-height: .36rem;
        text-align: center;
    }

        .copy span a {
            font-size: .2rem;
            display: block;
        }

        .copy span {
            /* text-align: center; */
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            position: relative;
            left: 50%;
            transform: translateX(-50%);
        }

        .copy div {
            display: none;
        }

    .aboutusbanner {
        display: none;
    }

    .mbaboutbanner {
        display: block;
        width: 100vw;
        /*        height: 100vh;*/
        padding-top: 1.8rem;
        background-image: url(/app_static/images/mbaboutbanner.jpg);
        background-size: cover;
        padding: 1.8rem .35rem .75rem;
    }



        .mbaboutbanner h1 {
            color: #27221C;
            font-family: HarmonyOS Sans SC;
            font-size: .38rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: .019rem;
            text-align: center;
            margin-bottom: .33rem;
        }

        .mbaboutbanner img {
            width: 6.76rem;
            margin: .34rem 0;
        }


        .mbaboutbanner p {
            color: #70757C;
            font-family: HarmonyOS Sans SC;
            font-size: .24rem;
            font-style: normal;
            font-weight: 400;
            line-height: .5rem;
            margin-bottom: 0.15rem;
        }

    .cculture {
        padding: .95rem 0.35rem 1.24rem;
    }

        .cculture ul li {
            width: 3.3rem;
            height: 4.08rem;
            margin-right: .18rem;
        }

            .cculture ul li:nth-of-type(3n) {
                margin-right: .18rem;
            }

            .cculture ul li:nth-of-type(2n) {
                margin-right: 0;
            }

            .cculture ul li h3 {
                font-size: .22rem;
                line-height: .48rem;
            }

    .lxfs {
        padding: 1.06rem .35rem 1.1rem;
    }

        .lxfs > h1 {
            font-size: .38rem;
            font-weight: 400;
            margin-bottom: .29rem;
        }

        .lxfs > p {
            font-size: .28rem;
        }

    .lxfsbox ul {
        display: block;
    }

        .lxfsbox ul li {
            flex-direction: row;
            width: auto;
            border: none;
            align-items: center;
            margin-bottom: .35rem;
            padding-left: 0;
        }

            .lxfsbox ul li article {
                margin-left: .24rem;
            }

            .lxfsbox ul li h2 {
                font-size: .28rem;
                font-weight: 500;
                text-align: left;
                margin-bottom: 0.1rem;
            }

            .lxfsbox ul li h3 {
                font-size: .22rem;
            }

            .lxfsbox ul li div {
                margin-bottom: 0;
                width: .88rem;
                height: .88rem;
            }

                .lxfsbox ul li div img {
                    width: .48rem;
                    height: .48rem;
                }

    .wlwkbanner {
        display: none;
    }

    .mbwlwkbannner {
        position: relative;
        width: 100vw;
        height: 100vh;
    }

        .mbwlwkbannner > img {
            width: 100%;
            height: 100%;
        }

        .mbwlwkbannner .mbannertxt {
            position: absolute;
            top: 3rem;
            left: 50%;
            transform: translateX(-50%);
        }

            .mbwlwkbannner .mbannertxt img {
                width: 6.8rem;
                margin-bottom: 1.4rem;
            }

            .mbwlwkbannner .mbannertxt h1 {
                color: #3C3D42;
                text-align: center;
                font-family: HarmonyOS Sans SC;
                font-size: .62rem;
                font-style: normal;
                font-weight: 500;
                line-height: .86rem;
                margin-bottom: .33rem;
            }

            .mbwlwkbannner .mbannertxt h2 {
                color: #3C3D42;
                font-family: HarmonyOS Sans SC;
                font-size: .28rem;
                font-style: normal;
                font-weight: 300;
                line-height: .5rem;
                text-align: center;
            }

    .whatscardboss {
        padding: .8rem .35rem .98rem;
    }

        .whatscardboss p {
            font-size: .24rem;
            line-height: .5rem;
        }

        .whatscardboss h3 {
            font-size: .28rem;
        }

            .whatscardboss h3 img {
                width: 6.8rem;
            }

    .xttd {
        padding: .8rem 0.35rem 1.08rem;
    }

        .xttd h1 {
            font-size: .38rem;
        }

        .xttd .xttdSwiper .swiper-wrapper {
            display: block;
        }

    .xttdcard {
        width: 6.8rem;
    }

        .xttdcard > div:first-child {
            width: 6.8rem;
            height: 4.33rem;
        }

        .xttdcard h1 {
            font-size: .28rem;
            margin-bottom: 0.35rem;
        }

            .xttdcard h1:after {
                top: 0.5rem;
            }

        .xttdcard p {
            font-size: .24rem;
        }

        .xttdcard > div:last-child {
            height: 1.67rem;
        }

    .xttdcard {
        margin-bottom: .28rem;
    }

    .xtjz {
        padding: 1.18rem 0.35rem 0.76rem;
    }

    .ztjzimg img {
        width: 100%;
    }

    .yymk {
        padding: .9rem .35rem 1.07rem;
    }


    .applyjoin .BC button {
        width: 2.83rem;
        height: .68rem;
        font-size: .22rem;
    }

    .mbxtjz {
        display: block;
    }

    .ztjzimg img:first-of-type {
        display: none;
    }



    .mbsobanner {
        width: 100vw;
        height: 5.84rem;
        position: relative;
    }

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

        .mbsobanner div {
            position: absolute;
            top: 2.29rem;
            left: .3rem;
        }

            .mbsobanner div h1 {
                color: #3C3D42;
                font-family: HarmonyOS Sans SC;
                font-size: .62rem;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                margin-bottom: .2rem;
            }

            .mbsobanner div h3 {
                color: #3C3D42;
                text-align: center;
                font-family: Roboto;
                font-size: .28rem;
                font-style: normal;
                font-weight: 100;
                line-height: normal;
                text-transform: uppercase;
            }

    .fangan ul {
        padding: 0 .35rem;
    }


        .fangan ul li:nth-of-type(2n) {
            flex-direction: column-reverse;
        }

        .fangan ul li {
            flex-direction: column-reverse;
            height: auto;
            align-items: flex-start;
        }

            .fangan ul li .solutionsimg {
                width: 6.8rem;
                height: 4.6rem;
                margin-bottom: .56rem;
            }

            .fangan ul li div {
                width: auto;
            }

            .fangan ul li h2 {
                font-size: .28rem;
                font-weight: 400;
                margin-bottom: .14rem;
            }

            .fangan ul li h3 {
                font-size: .28rem;
                font-weight: 400;
                margin-bottom: .14rem;
            }

            .fangan ul li h4 {
                font-size: .28rem;
                font-weight: 400;
                margin-bottom: .14rem;
            }

            .fangan ul li p {
                color: #999;
                font-family: HarmonyOS Sans SC;
                font-size: .24rem;
                font-style: normal;
                font-weight: 400;
                line-height: .5rem;
                width: 6.8rem;
            }

            .fangan ul li:nth-of-type(2n) div:first-of-type {
                padding: 0;
            }





    .mbzixunbanner {
        display: block;
        width: 100vw;
        height: 5.84rem;
        position: relative;
    }

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

        .mbzixunbanner div {
            position: absolute;
            top: 2.29rem;
            left: .3rem;
        }

            .mbzixunbanner div h1 {
                color: #fff;
                font-family: HarmonyOS Sans SC;
                font-size: .62rem;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                margin-bottom: .2rem;
            }

            .mbzixunbanner div h2 {
                color: #fff;
                text-align: center;
                font-family: Roboto;
                font-size: .28rem;
                font-style: normal;
                font-weight: 100;
                line-height: normal;
                text-transform: uppercase;
            }

    .zxsearch {
        height: 1.96rem;
    }

        .zxsearch input[type="text"] {
            width: 5.75rem;
            height: .88rem;
            font-size: .24rem;
        }

        .zxsearch input[type="button"] {
            width: 1.05rem;
            height: .86rem;
        }



    .hyzx {
        padding: .77rem .35rem 1rem;
    }

    .hyzxbox {
        display: block;
        overflow: hidden;
    }

    .hyzx .gdbtn {
        display: flex;
        margin-top: .5rem;
    }

    .hyzximg {
        width: 6.8rem;
    }

    .zixuntxt span {
        color: #FFF;
        font-family: HarmonyOS Sans SC;
        font-size: .24rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
    }

    .hyzxRight {
        width: 6.8rem;
        height: 5.77rem;
        padding: 0.1rem 0.28rem;
    }

        .hyzxRight ul li {
            height: .8rem;
        }

            .hyzxRight ul li a p {
                display: none;
            }

            .hyzxRight ul li a h1 {
                color: #383838;
                font-family: HarmonyOS Sans SC;
                font-size: .24rem;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                text-transform: capitalize;
            }

    .ziuxn a {
        display: none;
    }

    .ziuxn {
        display: flex;
        justify-content: center;
    }

        .ziuxn h1 {
            font-size: .38rem;
            font-weight: 400;
        }

    .kpbk {
        padding: .82rem .35rem 1.1rem;
        display: block;
    }

        .kpbk ul .kpcard a div:first-child p {
            font-size: .24rem;
            font-weight: 500;
            line-height: .5rem;
        }

        .kpbk ul .kpcard a div:last-child p {
            font-size: .22rem;
            font-weight: 400;
            line-height: .48rem;
        }

        .kpbk ul .kpcard {
            padding-top: 0.23rem;
            padding-left: 0.28rem;
            margin-bottom: .3rem;
        }

            .kpbk ul .kpcard:last-of-type {
                margin-bottom: .57rem;
            }

            .kpbk ul .kpcard a div:first-child p {
                margin-bottom: .03rem;
            }

            .kpbk ul .kpcard a > div {
                line-height: .48rem;
            }

            .kpbk ul .kpcard a img {
                margin-top: 0.12rem;
            }




    .mnav {
        margin-top: 0.9rem;
        width: 100%;
        height: 0.9rem;
        padding: 0 0.3rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        /* background: linear-gradient(180deg, #F0F0F0 0%, rgba(255, 255, 255, 0) 28.89%); */
        border-bottom: 0.01rem solid #f2f2f2;
    }

        .mnav span {
            font-family: ll;
            font-size: .26rem;
            font-weight: 500;
            line-height: .3rem;
            letter-spacing: 0em;
            text-align: center;
            color: #373737;
        }

        .mnav img {
            width: 0.24rem;
            height: 0.24rem;
        }

    .mbjj {
        position: absolute;
        /* top: 2rem; */
        left: 0;
        width: 100vw;
        z-index: 10;
        background: #FFFFFF;
        padding: 0 0.3rem;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
    }

        .mbjj li {
            position: relative;
            padding-left: 12px;
        }

    .arrow-right {
        width: 0.1rem;
        height: 0.1rem;
        border-top: 0.02rem solid;
        border-right: 0.02rem solid;
        border-color: #2177DD;
        content: '';
        position: absolute;
        left: 0.05rem;
        top: 42%;
        transform: translateY(-50%);
        transform: rotate(45deg);
    }

    .mbjj li:has(.arrow-right) a {
        padding-left: 0.3rem;
    }

    .mbjj li a {
        display: block;
        line-height: 0.7rem;
        border-bottom: 0.01rem solid #f2f2f2;
        font-size: 0.26rem;
        color: #333;
    }


    .articleCate {
        display: block;
    }

        .articleCate ul {
            display: flex;
            justify-content: center;
            padding-bottom: .28rem;
            padding-top: .69rem;
            border-bottom: .01rem solid #EAEAEA;
            padding: 0.69rem .35rem .28rem;
            margin: 0 .3rem;
        }

            .articleCate ul li {
                width: 33.333%;
                text-align: center;
            }

                .articleCate ul li a {
                    color: #8E8E8E !important;
                    text-align: center;
                    font-family: HarmonyOS Sans SC;
                    font-size: .26rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal;
                    position: relative;
                }

                .articleCate ul li.active a {
                    color: #373737 !important;
                    text-align: center;
                    font-family: HarmonyOS Sans SC;
                    font-size: .26rem;
                    font-style: normal;
                    font-weight: 600;
                    line-height: normal;
                }

                    .articleCate ul li.active a:after {
                        content: '';
                        display: block;
                        position: absolute;
                        width: 100%;
                        height: .04rem;
                        background: #2177DD;
                        left: 0;
                        top: .58rem;
                    }

                .articleCate ul li:hover a {
                    color: #373737 !important;
                    text-align: center;
                    font-family: HarmonyOS Sans SC;
                    font-size: .26rem;
                    font-style: normal;
                    font-weight: 600;
                    line-height: normal;
                }

                    .articleCate ul li:hover a:after {
                        content: '';
                        display: block;
                        position: absolute;
                        width: 100%;
                        height: .04rem;
                        background: #2177DD;
                        left: 0;
                        top: .58rem;
                    }



    .articles {
        padding: 0;
        /*        news list 椤垫樉绀哄乏渚ф棤绌虹櫧*/
        margin: 0 .3rem;
    }

        .articles ul {
            width: 6.9rem;
            margin: 0;
        }

            .articles ul li {
                flex-direction: row-reverse;
                justify-content: space-between;
            }


    .arcicleReadmore {
        display: none !important;
    }

    .articlesRight p {
        display: none;
    }

    .articlesRight {
        margin-left: 0;
    }

        .articlesRight h1 {
            color: #454545;
            font-family: HarmonyOS Sans SC;
            font-size: .24rem;
            font-style: normal;
            font-weight: 400;
            line-height: .48rem;
            text-transform: capitalize;
            min-width: 3.84rem;
            max-width: 6.62rem;
            margin-bottom: .37rem;
            display: -webkit-box;
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }

    .articlesLeft img {
        width: 2.48rem;
        height: 1.65rem;
    }

    .mbdate {
        color: #666;
        font-family: Roboto;
        font-size: .2rem;
        font-style: normal;
        font-weight: 300;
        line-height: .38rem;
        text-transform: capitalize;
    }

    .wdDirectory {
        display: none;
    }

    .codebox {
        width: 6.8rem;
    }

    .wdContent {
        padding: .34rem .35rem 1.04rem;
    }

    .contentSearch {
        position: relative;
    }

        .contentSearch input {
            width: 6.8rem;
            height: .88rem;
            border-radius: 0;
            background-image: none;
            padding-left: .24rem;
            font-size: .24rem;
        }

        .contentSearch button {
            display: block;
            position: absolute;
            width: 1.07rem;
            height: .88rem;
            background-color: #2177DD;
            border: none;
            right: 0;
            background-image: url(/app_static/images/documentsearch.png);
            background-repeat: no-repeat;
            background-size: .34rem .34rem;
            background-position: center;
        }

    .wdbody h2 {
        font-size: .28rem;
    }

    .wdbody h3 {
        font-size: .28rem;
        margin-bottom: 0.34rem;
    }

    .wdContent table {
        max-width: 6.8rem;
        table-layout: fixed;
    }

    .pre span {
        margin-bottom: .15rem;
        font-size: .22rem;
    }

    .wdbody p strong {
        font-size: .22rem;
    }

    .wdbody p:has(strong) {
        margin-top: .3rem;
        margin-bottom: .3rem;
    }

    .wdContent {
        max-height: fit-content;
        height: auto;
    }

    .wdbody h4 {
        font-size: .24rem;
        line-height: .48rem;
    }



    .wdContent table {
        border-collapse: collapse;
        text-align: center;
        table-layout: fixed;
        width: 100%;
    }

        .wdContent table td,
        table th {
            /* padding: 0 .2rem ; */
        }

        .wdContent table td {
            white-space: pre-wrap;
            color: #767676;
            font-family: HarmonyOS Sans SC;
            font-size: .18rem;
            font-style: normal;
            font-weight: 300;
            line-height: .24rem;
            /* 133.333% */
            text-transform: capitalize;
        }

            .wdContent table th:nth-child(1),
            .wdContent table td:nth-child(1) {
                width: .82rem;
            }

            .wdContent table th:nth-child(2),
            .wdContent table td:nth-child(2) {
                width: 1.07rem;
            }

            .wdContent table th:nth-child(3),
            .wdContent table td:nth-child(3) {
                width: 1.4rem;
            }

            .wdContent table th:nth-child(4),
            .wdContent table td:nth-child(4) {
                width: 1.22rem;
            }

            .wdContent table th:nth-child(5),
            .wdContent table td:nth-child(5) {
                width: 2.29rem;
                word-break: break-word;
            }

    .jswd {
        display: block;
    }

    .mbwdnav {
        padding: .66rem .35rem 0;
        justify-content: center;
        white-space: nowrap;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

        .mbwdnav::-webkit-scrollbar {
            display: none;
            /* 闅愯棌婊氬姩鏉� - Chrome銆丼afari 鍜� Opera */
        }

        .mbwdnav a {
            display: inline-block;
            height: .5rem;
            color: #70757C;
            font-family: HarmonyOS Sans SC;
            font-size: .24rem;
            font-style: normal;
            font-weight: 300;
            line-height: normal;
            text-transform: capitalize;
        }

        .mbwdnav a {
            margin-right: .38rem;
        }

            .mbwdnav a:last-of-type {
                margin-right: 0;
            }

            .mbwdnav a.active {
                color: #323232;
                position: relative;
            }

                .mbwdnav a.active:after {
                    content: '';
                    display: block;
                    position: absolute;
                    width: .32rem;
                    height: .04rem;
                    background-color: #2177DD;
                    left: 50%;
                    top: .43rem;
                    transform: translateX(-50%);
                }



    .joinwaybanner {
        display: none;
    }

    .mbjoinbanner {
        display: block;
        width: 100vw;
        height: 100vh;
        height: 14rem;
        position: relative;
    }

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

        .mbjoinbanner .jointxt {
            position: absolute;
            top: 1.9rem;
            left: 50%;
            transform: translateX(-50%);
        }

            .mbjoinbanner .jointxt h1 {
                color: #FFF;
                font-family: HarmonyOS Sans SC;
                font-size: .54rem;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                letter-spacing: .027rem;
                text-align: center;
                width: 100vw;
            }

                .mbjoinbanner .jointxt h1 span {
                    color: #FFEE53;
                    display: block;
                    font-family: HarmonyOS Sans SC;
                    font-size: .54rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal;
                    text-align: center;
                    margin-top: .28rem;
                    margin-bottom: .2rem;
                }


                    .mbjoinbanner .jointxt h1 span:after {
                        content: '';
                        display: block;
                        width: 4.63rem;
                        height: 0.78rem;
                        background-image: url(/app_static/images/wzkuang1.png);
                        background-repeat: no-repeat;
                        background-size: 4.63rem 0.78rem;
                        position: absolute;
                        top: 1rem;
                        left: 50%;
                        transform: translateX(-50%);
                    }

            .mbjoinbanner .jointxt h2 {
                color: #FFEE53;
                font-family: HarmonyOS Sans SC;
                font-size: .82rem;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                letter-spacing: .1312rem;
                text-align: center;
                margin-bottom: .14rem;
            }

            .mbjoinbanner .jointxt h3 {
                color: #FFF;
                font-family: HarmonyOS Sans SC;
                font-size: .54rem;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                letter-spacing: .108rem;
                text-align: center;
            }

        .mbjoinbanner .joinRimg {
            position: absolute;
            top: 6.2rem;
            left: 50%;
            transform: translateX(-50%);
            width: 3.76rem;
            height: 6.68rem;
        }

    .abstract {
        padding: 0;
        padding: .85rem .35rem .8rem;
    }

        .abstract h1 {
            margin-bottom: .24rem;
        }

        .abstract h2 {
            margin-bottom: .28rem;
        }

        .abstract p {
            font-size: .24rem;
            font-style: normal;
            font-weight: 400;
            line-height: .5rem;
        }


        .abstract ul li img {
            width: 1rem;
            height: 1rem;
        }

    .thereason {
        padding: 0;
        padding: 1.06rem .35rem 1.19rem;
    }

        .thereason .line {
            background-color: transparent;
            margin-bottom: 1.26rem;
        }

        .thereason .line1,
        .thereason .line2,
        .thereason .line3,
        .thereason .line4 {
            display: none;
        }

        .thereason ul {
            display: flex;
            flex-wrap: wrap;
            width: 6.8rem;
            justify-content: space-around;
            align-items: center;
            border: .01rem solid rgba(33, 119, 221, 0.5);
            height: 8.28rem;
        }

            .thereason ul li {
                margin-right: .6rem;
            }

                .thereason ul li:nth-of-type(2n) {
                    margin-right: 0;
                }

                .thereason ul li .txt h6 {
                    font-size: .22rem;
                }

        .thereason .ttle {
            width: 3.8rem;
            height: .68rem;
            position: relative;
        }

            .thereason .ttle:after {
                content: '';
                display: block;
                width: .01rem;
                height: .84rem;
                background-color: #82ACFD;
                position: absolute;
                top: .68rem;
                left: 50%;
                transform: translateX(-50%);
            }


    .fuchi {
        padding: .92rem 0 .45rem;
    }

        .fuchi img {
            /* display: none; */
        }


        .fuchi .mbfuchi {
            display: block;
            width: 6.8rem;
            left: 50%;
        }

    .detail {
        padding: 0.35rem 0 0;
    }


    .detailcen {
        padding: 0;
        margin-top: 1.22rem;
        border-top: none;
        padding: 0 .35rem;
    }



    .detaill {
        display: none;
    }

    .detailr img {
        max-width: 6.8rem;
    }

    .detailr {
        padding: 0;
    }

        .detailr p {
            color: #767676;
            font-family: HarmonyOS Sans SC;
            font-size: .24rem;
            font-style: normal;
            font-weight: 300;
            line-height: .48rem;
            max-width: 6.8rem;
            text-indent: 2em;
            margin-bottom: .22rem;
        }

            .detailr p:has(img) {
                text-align: center;
                text-indent: 0;
                margin: .45rem 0;
            }

    .detailrbom {
        padding-top: .72rem;
        padding-bottom: 1rem;
        display: flex;
        justify-content: center;
        margin-top: .47rem;
    }

        .detailrbom p {
            display: none;
        }


        .detailrbom .fanhui {
            display: flex;
            width: 2.6rem;
            height: .8667rem;
            position: static;
            justify-content: center;
            align-items: center;
            color: #70757C;
            font-family: HarmonyOS Sans TC;
            font-size: .24rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-transform: capitalize;
            /* left: 50%; */
        }

    .detailcen > h3 {
        margin-top: .22rem;
        margin-bottom: .5rem;
    }

    .detailcen > h6 {
        font-size: .2rem;
    }

        .detailcen > h6 a:last-of-type {
            font-size: .2rem;
        }

    .mbdetaildate {
        display: block;
        display: flex;
        padding-bottom: .38rem;
        border-bottom: .01rem solid #E0E0E0;
    }

        .mbdetaildate div {
            color: #767676;
            font-family: Roboto;
            font-size: .2rem;
            font-style: normal;
            font-weight: 300;
            line-height: normal;
            margin-right: .44rem;
            display: flex;
            align-items: center;
        }

        .mbdetaildate img {
            width: .28rem;
            height: .28rem;
            margin-right: .1rem;
        }


    .mbshare {
        display: flex;
        color: #666;
        font-family: HarmonyOS Sans TC;
        font-size: .22rem;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        align-items: center;
        padding-top: .46rem;
        border-top: 1px solid #CECECE;
        margin-top: .3rem;
    }

        .mbshare div {
            width: .7rem;
            height: .7rem;
            border-radius: 100%;
            overflow: hidden;
            background-position: center;
            background-repeat: no-repeat;
            background-size: .38rem .38rem;
            margin-right: .4rem;
        }

            .mbshare div a {
                display: flex;
                width: 100%;
                height: 100%;
                justify-content: center;
                align-items: center;
            }

            .mbshare div:nth-of-type(1) {
                background-color: #F55572;
                background-image: url(/app_static/images/shareico1.png);
                margin-left: .3rem;
            }

            .mbshare div:nth-of-type(2) {
                background-color: #36AB9C;
                background-image: url(/app_static/images/shareico2.png);
            }

/*            .mbshare div:nth-of-type(3) {
                background-color: #539EF6;
                background-image: url(/app_static/images/shareico3.png);
            }*/

/*            .mbshare div:nth-of-type(4) {
                background-color: #3DEA6D;
                background-image: url(/app_static/images/shareico4.png);
            }*/

/*            .mbshare div:nth-of-type(5) {
                background-color: #FFB21D;
                background-image: url(/app_static/images/shareico5.png);
                margin-right: 0;
            }*/

            .mbshare div:nth-of-type(5) {
                background-color: #FFB21D;
                background-image: url(/app_static/images/link.png);
                margin-right: 0;
            }


    .mbannertxt a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 3.06rem;
        height: .68rem;
        border: .01rem solid #707070;
        border-radius: .5rem;
        color: #3C3D42;
        text-align: center;
        font-family: HarmonyOS Sans SC;
        font-size: .22rem;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        margin-top: .47rem;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .iotbp .wktdd .ul .li {
        margin-bottom: 0.3rem !important;
    }

    /* .iotbp .wktdd .ul .li .wkcard {
    margin-bottom: .3rem;
  } */




    .tanchu1 .dialog {
        width: 6.8rem;
        height: 5rem;
    }

        .tanchu1 .dialog h1 {
            font-size: .28rem;
/*            margin-left: 0.6rem;*/
        }


/*        绉诲姩绔敵璇锋楂樺害*/
        .tanchu1 .dialog .dialoginp div.ud-dropdown {
            height: .7rem !important;
            border-radius: .08rem;
        }

        .tanchu1 .dialog{
            min-height:6.4rem !important;
        }

        .tanchu1 .dialog .dialoginp  div.ud-dropdown input {
            border-radius: .08rem;
            background-color: #fff;
        }

        .tanchu1 .dialog .dialoginp {
            padding: 0 .5rem 0;
        }

            .tanchu1 .dialog .dialoginp > div {
                margin-right: .2rem;
                margin-bottom: .2rem;
            }

        .tanchu1 .dialog .queding {
            transform: none;
            margin: 0;
            /*            bottom: .88rem;*/
            margin-left: .1rem;
            width: 2.8rem;
            height: .68rem;
            border-radius: .08rem;
            border: 1px solid #86ce03;
        }


        .tanchu1 .dialog .dialoginp > div input {
            background-position: 2.3rem center;
            background-size: 0.36rem 0.36rem;
        }

        .tanchu1 .dialog .dialoginp > div input {
            font-size: .24rem;
        }

    .tanchu1 .tcselect {
        width: 2.8rem;
        /* height: ; */
        font-size: .24rem;
        padding-top: .16rem;
        border-bottom-left-radius: .08rem;
        border-bottom-right-radius: .08rem;
    }

        .tanchu1 .tcselect li {
            margin-bottom: .16rem;
        }

    .tanchu1 .dialog {
        top: 40%;
    }

    .close {
        display: none;
    }

    .mmclose {
        display: block;
        width: .72rem;
        height: .72rem;
        position: absolute;
        left: 50%;
        bottom: -1.39rem;
        transform: translateX(-50%);
    }

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

    .dialog-success h2 {
        font-size: .28rem;
    }

    .dialog-qrcode h2 {
        font-size: .28rem;
    }
   }

/* --end max-width:750px*/


/*鐢佃剳绔�*/
@media only screen and (min-width:768px) {
    /*  鏂伴椈椤电殑鏍囩鐐圭紑*/
    .ziuxn span.icon {
        border-left: .06rem solid #3F70B2;
        margin: 0;
        width: 0;
        padding-left: .08rem;
    }
}


.link {
    color: gray;
    text-align: center;
    padding-top: .2rem;
    padding-bottom: .2rem;
    border-bottom: 1px solid rgba(93, 93, 93, 0.8);
}

    .link a {
        color: gray;
       
    }

        .link a:hover {
            color: #fff;
        }

        .link a:not(:last-child)::after {
            content: "|";
            color: gray;
            padding-left: 10px;
            padding-right: 6px;
        }


.wxqrcode {
    text-align: center;
    padding-top: .5rem;
}