em {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    background: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: normal;
    font-style: normal;
    line-height: inherit;
    text-decoration: none;
}

.promotionhead {
    width: 100%;
    height: .94rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .46rem 0 .63rem;
}

.logos {
    width: 3.05rem;
    height: 0.53rem;
    background: url(/app_static/images/iotlogo.png) no-repeat;
    background-size: 3.05rem 0.53rem;
}

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

    .promotionheadr img {
        width: .2rem;
        height: .20rem;
        margin-left: 0.3rem;
    }

    .promotionheadr span {
        font-size: .24rem;
        color: #FF3D00;

    }

.promotionheadr .fhsy {
    width: .86rem;
    height: .26rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #E0E5F0;
    background: rgba(224, 229, 240, 0.1);
    font-family: HarmonyOS Sans SC;
    font-size: .16rem;
    font-weight: 300;
color: #7985A3;
    letter-spacing: 0em;
border-radius: 3px;
cursor: pointer;
    
}

.promotionheadr .fhsy:hover {
    background: #3F70B2;
    color: #FFFFFF;
    border: none;
}
.promotionheadr p:hover{
    background: #3F70B2;
    color: #FFFFFF;
}

.promotionbanner {
    width: 100%;
    height: 8.73rem;
    position: relative;
}

.promotionbanner .items {
    width: 100%;
    height: 100%;
    position: relative;
}

.promotionbanner .items>img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
}

.promotionbanner .promotionbannernr {
    z-index: 10;
}



.promotionbanner .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;
}

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

.promotionbanner .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;
}

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

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





















.pSi1 .promotionbannernr{
    position: absolute; left: 1.88rem; top: 2.44rem;
}
.pSi1 .promotionbannernr h5{
    margin-top: .26rem;margin-bottom: .54rem;
}
.pSi1 .promotionbannernr a{
    width: 3.28rem;height: .6rem;
}
.pSi2 .promotionbannernr{
    position: absolute; left: 1.97rem; top: 2.01rem;
}
.pSi2 .promotionbannernr h5{
    margin-top: .3rem;margin-bottom: .31rem;
}
.pSi2 .promotionbannernr a{
    width: 2.24rem;height: .6rem; margin-top: .48rem;
}
.pSi3 .promotionbannernr{
    position: absolute; left: 2.11rem; top: 1.72rem;
}
.pSi3 .promotionbannernr h5{
    margin-top: .25rem;margin-bottom: .41rem; line-height: .48rem;
}
.pSi3 .promotionbannernr a{
    width: 2.24rem;height: .6rem; margin-top: .48rem;
}
.pSi4 .promotionbannernr{
    position: absolute; left: 1.95rem; top: 2.59rem;
}
.pSi4 .promotionbannernr h4{
    font-size: .72rem;text-align: left;margin-bottom: .37rem;margin-left: 1.76rem;
}
.pSi4 .promotionbannernr h3{
    font-size: .9rem; color: #FFFFFF;margin-left: .36rem;
}
.pSi4 .promotionbannernr h5{
    margin-top: .57rem;margin-bottom: .39rem;display: flex; width: 9.19rem;flex-wrap: wrap;
}
.pSi4 p{
    display: flex;
    align-items: center;
    font-family: HarmonyOS Sans SC;
font-size: .24rem;
font-weight: 500;
line-height: .28rem;
letter-spacing: 0em;
text-align: left;

}
.pSi4 p span{
    display: flex;width: .36rem;height: .36rem;justify-content: center;align-items: center;border-radius: 50%;border: 2px solid #FFFFFF;
    font-family: HarmonyOS Sans SC;
    font-size: .24rem;
    font-weight: 500;
    line-height: .28rem;
    letter-spacing: 0em;
    text-align: left;
    margin-right: .1rem;
}
.pSi4 .promotionbannernr a{
    border: 1px solid #232323;
    width: 3.66rem;height: .66rem;
    margin: .48rem  0 0 1.72rem;
    background: #FFFFFF;
    color: #232323 !important; 
}
.pSi5 .promotionbannernr{
    position: absolute; width: 11rem; top: 1.74rem; left: 4.2rem;
}
.pSi5 .promotionbannernr ul{
    width: 100%;display: flex;align-items: center;justify-content: space-around;margin-top: .36rem;
}
.pSi5 .promotionbannernr a{
    width: 3.66rem;height: .66rem; margin: .73rem auto 0;background: #ED1C24;border: 1px solid #232323;
}
/*Roboto*/
.pSi5 h2 {
    font-family: fantasy;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.88rem;
    letter-spacing: 0em;
    text-align: center;
    color: #ED1C24;
    position: relative;
}
.pSi5 h2:first-of-type:after{
    content: ''!important;
}
.pSi5 h2::after{
    content: '+';
    font-family: Roboto;
font-size: .48rem;
font-weight: 500;
line-height: .56rem;
letter-spacing: 0em;
text-align: center;
position: absolute;
right: -10px;
top: 0;
}
.pSi5 h2 span{
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%;
    top: 1.06rem;
    background-color: #E5E5E5;color: #ED1C24;
    font-family: HarmonyOS Sans SC;
font-size: .24rem;
font-weight: 400;
line-height: .28rem;
letter-spacing: 0em;
text-align: center;

}
.pSi5 ul li span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: .8rem;
    height: .8rem;
    font-family: HarmonyOS Sans SC;
font-size: .42rem;
font-weight: 500;
line-height: .49rem;
letter-spacing: 0em;
text-align: center;
border: 1px solid #232323;
border-radius: 50%;
margin-bottom: .15rem;
}
.pSi5 ul li {
    width: .96rem;
    font-family: HarmonyOS Sans SC;
    font-size: .24rem;
    font-weight: 400;
    line-height: .38rem;
    letter-spacing: 0em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
     
}
.promotionbanner h4 {
    font-family: HarmonyOS Sans SC;
    font-size: .48rem;
    font-weight: 500;
    line-height: .56rem;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
}

.promotionbanner h4 span {
    font-family: HarmonyOS Sans SC;
    font-size: .48rem;
    font-weight: 500;
    line-height: .56rem;
    letter-spacing: 0em;
    text-align: left;
    color: #8EEE53;
}

.promotionbanner h5 {
    font-family: HarmonyOS Sans SC;
    font-size: .32rem;
    font-weight: 500;
    line-height: .38rem;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
}

.promotionbanner h6 {
    font-family: HarmonyOS Sans SC;
    font-size: .2rem;
    font-weight: 500;
    line-height: .23rem;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
    margin-bottom: .29rem;
}

.promotionbanner a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: HarmonyOS Sans SC;
    font-size: .2rem;
    font-weight: 500;
    line-height: .23rem;
    letter-spacing: 0em;
    border: 1px solid #FFFFFF;
    border-radius: .5rem;
    color: #FFFFFF !important;
}

    .promotionbanner a:hover {
        color:#3D3D3D !important;
        background-color: #f2f2f2;
        border-width: 2px;
    }
.promotionbanner .swiper-button-prev,
.swiper-rtl .swiper-button-next {
  top: 3.9722rem;
  left: .34rem;
}

.promotionbanner .swiper-button-next,
.swiper-rtl .swiper-button-prev {
  top: 3.9722rem;
  right: .34rem;
}

.promotionbanner .swiper-button-next:after,
.promotionbanner .swiper-button-prev:after {
  font-size: .2rem;
  color: #75767A;
}
.promotionbannernr img {
    width: .29rem !important;
    height: .29rem !important;
    margin-right: .16rem;
}

.promotionform1 {
    width: 100%;
    height: 1.18rem;
    position: absolute;
    left: 0;
    top: 8.5rem;
    background: rgba(0, 0, 0, 0.2);
    z-index: 11;
    display: flex;
    align-items: center;
    padding: 0 2rem;
}

.promotionform1 input {
    width: 3.06rem;
    height: .6rem;
    border: 1px solid #FFFFFF;
    background: none;
    border-radius: .12rem;
    margin: 0 .06rem;
    color: #FFFFFF;
    padding-left: .36rem;
    font-family: HarmonyOS Sans SC;
font-size: .18rem;
font-weight: 500;
line-height: .21rem;
letter-spacing: 0em;


}

.promotionform1 div input {
    background-image: url(/app_static/images/xiala.png);
    background-repeat: no-repeat;
    background-size: 0.24rem 0.24rem;
    background-position: 2.6rem center;
}
.promotionform1 .xliput{
    position: relative;
}
.promotionform1 .xliput::after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.promotionform1 ul {
    padding-left: .36rem;
    width: 3.06rem;
    margin: 0 .06rem;
    background-color: #F8F8F8;
    border-bottom-left-radius: .12rem;
    border-bottom-right-radius: .12rem;
    top: .55rem;
}

.promotionform1 input::-webkit-input-placeholder {
    color: #FFFFFF !important;
}

.promotionform1 input.colorblue {
    color: #2177DD !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.promotionform1 input.colorblue::-webkit-input-placeholder {
    color: #2177DD !important;
}

.promotionform1 input[type=button] {
    width: 2.26rem;
    height: .6rem;
    background-color: #FF7A00;
    color: #FFFFFF;
    border: none;
    padding-left: 0;
}

.promotionform1 input[type=button]:hover {
    background-color: rgba(255,122,0, .8);
}

.promotionweproduct {
    width: 100%;
    padding: .97rem calc((100vw - 15rem)/2) 1.16rem;
}

.promotionweproduct h1 {
    font-family: HarmonyOS Sans SC;
    font-size: .48rem;
    font-weight: 500;
    line-height: .56rem;
    letter-spacing: 0em;
    text-align: center;
    color: #27221C;
}

.promotionweproduct h2 {
    font-family: HarmonyOS Sans SC;
    font-size: .28rem;
    font-weight: 500;
    line-height: .33rem;
    letter-spacing: 0em;
    text-align: center;
    color: #3D3D3D;
    margin: .17rem 0 .27rem;
}

.promotionweproduct h2 span {
    font-family: HarmonyOS Sans SC;
    font-size: .28rem;
    font-weight: 500;
    line-height: .33rem;
    letter-spacing: 0em;
    text-align: center;
    color: #FF4848;

}

.promotionweproduct h3 {
    font-family: HarmonyOS Sans SC;
    font-size: .18rem;
    font-weight: 400;
    line-height: .38rem;
    letter-spacing: 0em;
    text-align: left;
    color: #666666;
    margin-bottom: .37rem;
}

.promotionweproductC {
    width: 100%;
    height: 4rem;
    display: flex;
    align-items: center;
}

.promotionweproductC .items1 {
    width: 2.86rem;
    height: 4rem;
    background: linear-gradient(180deg, #F4F6F9 0%, #FFFFFF 100%),
        linear-gradient(0deg, #FFFFFF, #FFFFFF);
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: .18rem;
    cursor: pointer;
    transition: 2s all ease;
}
.promotionweproductC .items1:hover{
   

    background: linear-gradient(0deg, #F4F6F9 0%, #FFFFFF 100%),
    linear-gradient(180deg, #FFFFFF, #FFFFFF);
}
.promotionweproductC .items1:last-of-type {
    margin-right: 0;
}

.promotionweproductC .items1 img {
    width: 1rem;
    height: .7rem;
    margin-top: .57rem;
}

.promotionweproductC .items1 h5 {
    font-family: HarmonyOS Sans SC;
    font-size: .24rem;
    font-weight: 400;
    line-height: .28rem;
    letter-spacing: 0em;
    text-align: center;
    color: #404442;
    position: relative;
    margin: .36rem 0 .43rem;
}

.promotionweproductC .items1 h5::after {
    content: "";
    width: .27rem;
    height: .02rem;
    background: #2177DD;
    position: absolute;
    bottom: -0.22rem;
    left: 50%;
    transform: translateX(-50%);

}

.promotionweproductC .items1 h6 {

    width: 2.28rem;
    font-family: HarmonyOS Sans SC;
    font-size: .16rem;
    font-weight: 400;
    line-height: .3rem;
    letter-spacing: 0em;
    text-align: center;
    color: #767676;
}

.pPremo {
    width: 2.8rem;
    height: .48rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: .46rem auto 0;
    background-color: #29B9F7;
    border: 2px solid #FFFFFF;
    color: #FFFFFF !important;
    border-radius: .5rem;
    font-family: HarmonyOS Sans SC;
    font-size: .18rem;
    font-weight: 500;
    line-height: .21rem;
    letter-spacing: 0em;
    text-align: center;

}
    .pPremo:hover {
        background-color: #0398d8;
    }
.promotionworried {
    width: 100%;
    padding: 1.08rem calc((100vw - 15rem)/2) 1.01rem;
    background: #F6F8FC;
}

.promotionworried h1 {
    font-family: HarmonyOS Sans SC;
    font-size: .48rem;
    font-weight: 500;
    line-height: .56rem;
    letter-spacing: 0em;
    text-align: center;
    color: #27221C;
}

/* .promotionworried img {
    width: 15rem;
    height: 6.12rem;
  
} */

.pWobox{
      width: 15rem;
    height: 6.26rem;
    margin: .48rem 0 .38rem;
    /* background-image: url(/app_static/images/fannaojiejue.png); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    cursor: pointer;
}
.pWobox>div:hover h2{
color: #0066F4;
}
.pWobox div h2{
    font-family: HarmonyOS Sans SC;
font-size: .2rem;
font-weight: 400;
line-height: .32rem;
letter-spacing: 0em;
text-align: left;
color: #70757C;
transition: 1s all ease;
}
.pWobox div h1{
width: 1.58rem;
height: .42rem;
display: flex;
justify-content: center;
align-items: center;
font-family: HarmonyOS Sans SC;
font-size: .24rem;
font-weight: 500;
line-height: .28rem;
letter-spacing: 0.3em;
text-align: left;
color: #FFFFFF;
margin-bottom: .07rem;
border-radius: .03rem;

}
.pWoboxT1{
    background: linear-gradient(174.41deg, #8DC22D 8.74%, #BDED67 91.52%);
}
.pWoboxT2{
    background: linear-gradient(174.41deg, #0066F4 8.74%, #4C98FE 91.52%);
}
.pWoboxT3{
    background: linear-gradient(174.41deg, #EE3B3B 8.74%, #F34A4A 91.52%);
}
.pWoboxT4{
   
    background: linear-gradient(174.41deg, #FFAA06 8.74%, #FBBD45 91.52%);
}
.pWoboxT5{
    background: linear-gradient(174.41deg, #30AAFC 8.74%, #4EB1F4 91.52%);
}
.pWoboxT6{
    background: linear-gradient(174.41deg, #FF8441 8.74%, #FF8948 91.52%);
}
.pWobox div{
    position: absolute;display: flex;
    flex-direction: column;
    
}
.pWobox div:nth-of-type(1){
left: 0;
top: 0;
}
.pWobox div:nth-of-type(2){
    left: 0;
    top: 2.02rem;
}
.pWobox div:nth-of-type(3){
    left: 0;
    top: 4.05rem;
}
.pWobox div:nth-of-type(4){
    right: 0;
    top: 0;
  align-items: end;
}
.pWobox div:nth-of-type(5){
    right: 0;
    top: 2.02rem;
  align-items: end;
}
.pWobox div:nth-of-type(6){
    right: 0;
    top: 4.05rem;
  align-items: end;
}
.pWobox div:nth-of-type(4) h2{
text-align: right;
}
.pWobox div:nth-of-type(5) h2{
    text-align: right;

}
.pWobox div:nth-of-type(6) h2{
    text-align: right;

}



.pWorr {
    width: 2rem;
    height: .48rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #29B9F7;
    margin: 0 auto;
    font-family: HarmonyOS Sans SC;
    font-size: .18rem;
    font-weight: 500;
    line-height: .21rem;
    letter-spacing: 0em;
    text-align: center;
    color: #FFFFFF;
    border-radius: .5rem;
}

.promotionfree{
    width: 100%;
    height: 2rem;
    background:#D83D39;
display: flex;
align-items: center;
}
.promotionfree p{
    width: 4.41rem;
    font-family: HarmonyOS Sans SC;
font-size: .24rem;
font-weight: 500;
line-height: .48rem;
letter-spacing: 0em;
text-align: left;
margin-left: 5.59rem;
margin-right: 1.04rem;
color: #FFFFFF;
}
.promotionfree a{
    width: 2rem;
    height: .56rem;
display: flex;
justify-content: center;
align-items: center;
background-color: #FFFFFF;
color: #D83D39;
font-family: HarmonyOS Sans SC;
font-size: .24rem;
font-weight: 500;
line-height: .28rem;
letter-spacing: 0em;
text-align: center;
border-radius: .03rem;
cursor: pointer;
overflow: hidden;
position: relative;
}
.promotionfree a::before{
    content: "";
    display: inline-block;
    position: absolute;
    z-index: -11;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    background: #0066F4;
}
.promotionfree a:hover{
    color: #FFFFFF;
}


.promotionfree a:hover:before{
    left: 0 !important;

}
.promotionWhy {
    width: 100%;
    padding: 1.27rem calc((100vw - 15rem)/2) 1.06rem;
}

.promotionWhy h1 {
    font-family: HarmonyOS Sans SC;
    font-size: .48rem;
    font-weight: 500;
    line-height: .56rem;
    letter-spacing: 0em;
    text-align: center;
    color: #27221C;
}

.promotionWhy h2 {
    font-family: HarmonyOS Sans SC;
    font-size: .28rem;
    font-weight: 500;
    line-height: .33rem;
    letter-spacing: 0em;
    text-align: center;
    color: #3D3D3D;
    margin: .26rem auto .45rem;
}

.promotionWhy h2 span {
    font-family: HarmonyOS Sans SC;
    font-size: .28rem;
    font-weight: 500;
    line-height: .33rem;
    letter-spacing: 0em;
    text-align: center;
    color: #EF3D3D;
}

.promotionWhyC {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}

.promotionWhyC .itme2s {
    width: 3.52rem;
    height: 3.52rem;
    background: linear-gradient(180deg, #F4F6F9 0%, #FFFFFF 100%),
        linear-gradient(0deg, #FFFFFF, #FFFFFF);
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: .28rem;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    cursor: pointer;
  

}
.promotionWhyC .itme2s:hover{
    transition: 1s all ease;
    background: linear-gradient(0deg, #F4F6F9 0%, #FFFFFF 100%),
    linear-gradient(180deg, #FFFFFF, #FFFFFF);
}

.promotionWhyC .itme2s img {
    width: 1rem;
    height: 1rem;
    margin-top: .4rem;
}

.promotionWhyC .itme2s h5 {
    font-family: HarmonyOS Sans SC;
    font-size: .24rem;
    font-weight: 500;
    line-height: .28rem;
    letter-spacing: 0em;
    text-align: center;
    color: #404442;
    position: relative;
    margin: .27rem 0 .37rem;
}

.promotionWhyC .itme2s h5::after {
    content: "";
    background-color: #2177DD;
    width: .24rem;
    height: .1px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -0.21rem;
}

.promotionWhyC .itme2s h6 {
    width: 3rem;
    font-family: HarmonyOS Sans SC;
    font-size: .18rem;
    font-weight: 400;
    line-height: .32rem;
    letter-spacing: 0em;
    text-align: center;
    color: #70757C;
}




/*  */
.promotionQuickfree {
    width: 100%;
    height: 2.4rem;
background:#F1F1F1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: .32rem;
}

.promotionQuickfree h1 {
    font-family: HarmonyOS Sans SC;
    font-size: .48rem;
    font-weight: 700;
    line-height: .56rem;
    letter-spacing: 0em;
    text-align: center;
    color: #333333;
}

.promotionQuickfree h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: HarmonyOS Sans SC;
    font-size: .38rem;
    font-weight: 700;
    line-height: .45rem;
    letter-spacing: 0em;
    text-align: center;
    width: 7rem;
    height: .72rem;
    border-radius: .5rem;
    background-color: #D2290C;
    color: #FFFFFF;
    margin: .07rem 0 .15rem;
}
.promotionQuickfree h4{
    font-family: HarmonyOS Sans SC;
font-size: .24rem;
font-weight: 500;
line-height: .28rem;
letter-spacing: 0em;
text-align: center;
color: #808080;
}
.promotionQuickfree a {
    display: flex;
    position: relative;
}

.promotionQuickfree a .tiaodong {
    position: absolute;
    display: inline-block;
    width: 36px;
    height: 36px;
    cursor: pointer;
    position: absolute;
    background-image: url(/app_static/images/跳动.png);
    background-size: auto;
    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;
}

.promotionIot {
    width: 100%;
    padding: 1.05rem calc((100vw - 15rem)/2) .92rem;
}

.promotionIot h1 {
    font-family: HarmonyOS Sans SC;
    font-size: .48rem;
    font-weight: 500;
    line-height: .56rem;
    letter-spacing: 0em;
    text-align: center;
    color: #27221C;
}

.promotionIot h2 {
    color: #2177DD;
    font-family: HarmonyOS Sans SC;
    font-size: .28rem;
    font-weight: 400;
    line-height: .33rem;
    letter-spacing: 0em;
    text-align: center;
    margin: .2rem 0 .28rem;
}

.promotionIot h3 {
    font-family: HarmonyOS Sans SC;
    font-size: .18rem;
    font-weight: 400;
    line-height: .38rem;
    letter-spacing: 0em;
    text-align: left;
    color: #666666;
    margin-bottom: .44rem;
}

.promotionIotC {
    width: 100%;
    height: 6rem;
    background: #F6F8FC;
    display: flex;
    align-items: center;
}

.promotionIotCl {
    width: 2.5rem;
    height: 4.86rem;
    border-right: 1px solid #2177DD;
    padding-top: .3rem;
}

.promotionIotCl>div {
    width: 2.49rem;
    height: .71rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: HarmonyOS Sans SC;
    font-size: .18rem;
    font-weight: 400;
    color: #2177DD;
    letter-spacing: 0em;
    text-align: left;
    margin: 0.15rem 0 0.15rem;
    cursor: pointer;
}

.promotionIotCl .active {
    background-color: #2177DD;
    color: #FFFFFF;
}

.promotionIotCr {
    flex: 1;
    height: 100%;
    /* background-image: url(/app_static/images/promotionIotCrbgi.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 11.4rem 4.36rem; */
}

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

.promotionIotCrswiper .items {
    display: none;
    width: 100%;
    height: 100%;
    padding: .53rem .57rem .64rem .47rem;
}
.promotionIotCrswiper .active {
    display: block;
}
.promotionIotCrswiper .items h6 {
    font-family: HarmonyOS Sans SC;
    font-size: .24rem;
    font-weight: 500;
    line-height: .28rem;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: .19rem;
    color: #404442;
}

.promotionIotCrswiper .items h4 {
    font-family: HarmonyOS Sans SC;
    font-size: .24rem;
    font-weight: 400;
    line-height: .28rem;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
    margin-bottom: .2rem;
}

.promotionIotCrswiper .items h5 {
    font-family: HarmonyOS Sans SC;
    font-size: .18rem;
    font-weight: 400;
    line-height: .38rem;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
}

.promotionIotCrswiper .items .itemsboxs {
    width: 100%;
    height: 4.36rem;
    background-image: url(/app_static/images/promotionIotCrbgi.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.promotionIotCrswiper .items .itemsboxs .itemsboxsl {
    width: 5.48rem;
    height: 3.27rem;
    margin: .66rem 0 .43rem 1rem;
}

.promotionIotCrswiper .items .itemsboxs .itemsboxsl img {
    width: 100%;
    height: 100%;
}

.promotionIotCrswiper .items .itemsboxs .itemsboxsr {
    width: 3.19rem;
    margin: 0 .55rem 0 0;
}

.promotionSelect{
    width: 100%;
    /* height: 8.22rem; */
    padding:   .9rem calc((100vw - 15rem)/2) 1.05rem;
    background: #F1F1F1;
}
.promotionSelectC{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.promotionSelectC>div{
    width: 7.34rem;
    height: 1.4rem;
    display: flex;
    align-items: center;background: #FBFBFB;
    margin-top: .18rem;
}
.promotionSelectC>div .PsCL{
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color:#D83D39 ;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: HarmonyOS Sans SC;
font-size: .24rem;
font-weight: 700;
line-height: .28rem;
margin-right: .15rem;
text-align: center;
color: #FFFFFF;
margin-left: .32rem;
}
.PsCboxs:hover{
    background: #D83D39;
    cursor: pointer;
}
.PsCboxs:hover .PsCL{
    background-color:#FFFFFF ;
    color: #D83D39;
}
.PsCboxs:hover p{
  color: #FFFFFF;
}
.promotionSelectC>.PsCbox{
width: 15rem;
height: 2rem;
background-color: #BA0F17;
display: flex;
margin-top: .42rem;
}
.promotionSelectC>.PsCbox img{
    width: 3.2rem;
    height: 2rem;
}
.promotionSelectC>.PsCbox .PsCboxc{
    flex: 1;

}
.promotionSelectC>.PsCbox .PsCboxc h5{
    font-family: HarmonyOS Sans SC;
font-size: .68rem;
font-weight: 700;
line-height: .8rem;
letter-spacing: 0em;
text-align: center;
color: #FFFFFF;
text-wrap:nowrap;
}
.promotionSelectC>.PsCbox .PsCboxc h6{
    font-family: HarmonyOS Sans SC;
    font-size: .48rem;
    font-weight: 500;
    line-height: .56rem;
    letter-spacing: 0em;
    text-align: center;
    color: #FFFFFF;
    text-wrap:nowrap;
}
.PsCboxr{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: .56rem;
    margin-right: .84rem ;
    background: #FFFFFF;
    color:#D83D39;
    font-family: HarmonyOS Sans SC;
font-size: .24rem;
font-weight: 500;
line-height: .28rem;
letter-spacing: 0em;
text-align: center;
border-radius: .03rem;
}
.promotionSelectC>div p{
    max-width: 5.6rem;
    font-family: HarmonyOS Sans SC;
font-size: .18rem;
font-weight: 400;
line-height: .32rem;
letter-spacing: 0em;
text-align: left;
color: #70757C;
}
.promotionSelect h1 {
    font-family: HarmonyOS Sans SC;
    font-size: .48rem;
    font-weight: 500;
    line-height: .56rem;
    letter-spacing: 0em;
    text-align: center;
    color: #27221C;
}

.promotionhz{
    width: 100%;
    /* height: 8.22rem; */
    padding:   1.36rem calc((100vw - 15rem)/2) 1.21rem;
}

.promotionhz h1 {
    font-family: HarmonyOS Sans SC;
    font-size: .48rem;
    font-weight: 500;
    line-height: .56rem;
    letter-spacing: 0em;
    text-align: center;
    color: #27221C;
}

.promotionhz h2 {
    font-family: HarmonyOS Sans SC;
    font-size: .28rem;
    font-weight: 500;
    line-height: .33rem;
    letter-spacing: 0em;
    text-align: center;
    color: #2177DD;
    margin: .21rem 0 .54rem;
}
.promotionApplication {
    width: 100%;
    padding: .95rem calc((100vw - 15rem)/2) 1.21rem;
}

.promotionApplication h1 {
    font-family: HarmonyOS Sans SC;
    font-size: .48rem;
    font-weight: 500;
    line-height: .56rem;
    letter-spacing: 0em;
    text-align: center;
    color: #27221C;
}

.promotionApplication h2 {
    font-family: HarmonyOS Sans SC;
    font-size: .28rem;
    font-weight: 500;
    line-height: .33rem;
    letter-spacing: 0em;
    text-align: center;
    color: #2177DD;
    margin: .21rem 0 .54rem;
}

.prApimg {
    width: 100%;
    height: 6.22rem;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.prApimg img {
    width: 100%;
    height: 100%;
    position: absolute;
}
.prApimg div{
    width: 2.31rem;
    height: auto;
    font-family: HarmonyOS Sans SC;
font-size: .18rem;
font-weight: 400;
line-height: .38rem;
letter-spacing: 0em;
text-align: left;
position: relative;
}
.prApimg div:nth-of-type(1){margin-top: 1.1rem;margin-left: .8rem;}
.prApimg div:nth-of-type(2){margin-top: 1.1rem;margin-left: 1rem;}
.prApimg div:nth-of-type(3){margin-top: 1.1rem;margin-left: 1.4rem;margin-right: 3rem;}
.prApimg div:nth-of-type(4){margin-top: 1.1rem;margin-left: 1.4rem;}
.prApimg div:nth-of-type(5){margin-top: 1.1rem;margin-left: 1.4rem;}
.prApimg div:nth-of-type(6){margin-top: 1.1rem;margin-left: 1.4rem;}
.prApC {
    /* margin-bottom: 1.13rem; */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: .1rem;
}

.prApC .item3s {
    height: 4.01rem;
    width: 4.71rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: .36rem;
}

.prApC .item3s h5 {
    font-family: HarmonyOS Sans SC;
    font-size: .24rem;
    font-weight: 400;
    line-height: .28rem;
    letter-spacing: 0em;
    text-align: center;
    color: #FFFFFF;
    margin: .56rem 0 .13rem;
}

.prApC .item3s h6 {
    font-family: HarmonyOS Sans SC;
    font-size: .18rem;
    font-weight: 400;
    line-height: .36rem;
    letter-spacing: 0em;
    text-align: center;
    color: #FFFFFF;
    width: 3.24rem;
    margin: 0 auto;
}

.promotionService {
    width: 100%;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.promotionService .item4s {
    display: flex;
    align-items: center;
    margin: 0 .5rem;
}

.promotionService .item4s .imgs {
    width: .64rem;
    height: .64rem;
    border: 1px solid #3D3D3D;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .17rem;
}

.promotionService .item4s .imgs img {
    width: .4rem;
    height: .4rem;
}

.promotionService .item4s h5 {
    font-family: HarmonyOS Sans SC;
    font-size: .24rem;
    font-weight: 500;
    line-height: .28rem;
    letter-spacing: 0em;
    text-align: left;
    color: #404442;
}

.promotionService .item4s h6 {
    font-family: HarmonyOS Sans SC;
    font-size: .18rem;
    font-weight: 400;
    line-height: .21rem;
    letter-spacing: 0em;
    text-align: left;
    color: #70767C;
    margin-top: .1rem;
}

.promotionfoot {
    width: 100%;
    /* height: 4.2rem; */
    padding: 0 calc((100vw - 14rem)/2);
    position: relative;
    background-color: #111218;
    overflow: hidden;
}

.promotionFootTop {
    width: 100%;
    display: flex;
    height: 3.44rem;
    justify-content: space-between;
    border-bottom: 1px solid rgba(94, 94, 94, 0.4);
}

.pFtL {
    width: 49%;
    height: 100%;
}

.pFtC {
    width: .01rem;
    height: 2.41rem;
    background: linear-gradient(180deg, #B6B6B6 0%, rgba(182, 182, 182, 0) 101.45%);
  
}

.pFtR {
    width: 49%;
    height: 100%;
    position: relative;
    padding-left: .89rem;
}

.promotionFootTop p {
    font-family: HarmonyOS Sans SC;
    font-size: .18rem;
    font-weight: 400;
    line-height: .21rem;
    letter-spacing: 0em;
    text-align: left;
    margin-top: .88rem;
    margin-bottom: .26rem;
    color: #FFFFFF;
}

.pFtL img {
    width: 2.46rem;
    height: 1.56rem;
    margin-right: .37rem;
}
.pFtR h5{
    font-family: HarmonyOS Sans SC;
font-size: .16rem;
font-weight: 700;
line-height: .19rem;
letter-spacing: 0em;
text-align: left;
color: #FFFFFF;
margin-bottom: .12rem;
}
.pFtR h6{
    font-family: HarmonyOS Sans SC;
font-size: .14rem;
font-weight: 300;
letter-spacing: 0em;
text-align: left;
color: #E9E9E9;
margin-bottom: .2rem;
}
.ewm{
    position: absolute;
    right: 0;
    bottom: .5rem;
    display: flex;
}
.gohead{
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: #2177DD;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    font-family: HarmonyOS Sans SC;
font-size: .14rem;
font-weight: 400;
line-height: .16rem;
letter-spacing: 0em;
text-align: center;
display: flex;
justify-content: center;
align-items: end;
color: #FFFFFF;
padding-bottom: .19rem;
}
.iotmfoot{
    width: 100%;
    height: 2.2rem;
    background: #111218;
    padding: 0 .35rem;
}
.iotmfoottop{
    width: 100%;
    height: .85rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #5E5E5E;
}
.iotmfoottop a{
    display: flex;
    font-family: HarmonyOS Sans SC;
font-size: .2rem;
font-weight: 400;
line-height: .23rem;
letter-spacing: 0em;
text-align: center;
color: #FFFFFF !important;
}
.iotmfootbom{
    display: flex;
    text-align: center;
    color: #FFFFFF;
    font-family: HarmonyOS Sans SC;
font-size: .22rem;
font-weight: 300;
line-height: .4rem;
letter-spacing: 0em;
text-align: center;
justify-content: center;
align-items: center;
margin-top: .2rem;
}
@media screen and (min-width:751px){
   .mob,.mpWobox,.promotionformTitle, .promotionbanner .items>img:last-of-type{
        display: none !important;
    } 
}

@media screen and (max-width:750px){
    /* html{font-size: 20px !important;}
    body{
        max-width: 7.5rem;
    } */
    
   .pci,.pWobox,.promotionbanner .items>img:first-of-type,.promotionbannernr{
    display: none !important;
    }
    .iotmfoot,.promotionformTitle{
        display: block !important;
    }
   
    .promotionhz{
        padding: .95rem 0;
    }
    .promotionSelect{
        padding: 1.1rem .34rem;
    }
    .promotionSelect h1 {
        margin-bottom: .51rem;
    }
    .promotionSelectC>.PsCbox{
        width: 100%;
        height: 6.71rem;
        flex-direction: column;
        padding: .29rem .3rem .56rem;
    }
    .promotionSelectC>div{
        height: auto;
        padding: .3rem 0;
    }
    .promotionSelectC>div p {
        max-width: 5rem;
        font-family: HarmonyOS Sans SC;
font-size: .24rem;
font-weight: 400;
line-height: .5rem;
letter-spacing: 0em;
text-align: left;

    }
    .promotionSelectC>.PsCbox img{
        width: 6.2rem;
    height: 2.98rem;
    }

    .promotionSelectC>.PsCbox .PsCboxc h5{
        font-family: HarmonyOS Sans SC;
        font-size: .57rem;
        font-weight: 700;
        line-height: .67rem;
        letter-spacing: 0em;
        text-align: center;
        margin: .47rem 0 .18rem;
        
            }
            .PsCboxr{
                margin: 0 !important;
                width: 2.4rem;
                height: .68rem;
                font-family: HarmonyOS Sans SC;
font-size: .24rem;
font-weight: 500;
line-height: .28rem;
letter-spacing: 0em;
text-align: center;
border-radius: .1rem;
            }

            .promotionSelectC>.PsCbox .PsCboxc h6{
                font-family: HarmonyOS Sans SC;
                font-size: .56rem;
                font-weight: 500;
                line-height: .66rem;
                letter-spacing: 0em;
                text-align: center;
                
            }


    .mpromotionbannernr {
        position: absolute;
    }
    .pSi1 .mpromotionbannernr {
top: 2.51rem;
width: 5.22rem;
left: 50%;
transform: translateX(-50%);
    }
    .pSi1 .mpromotionbannernr h4{
        font-family: HarmonyOS Sans SC;
font-size: .58rem;
font-weight: 500;
line-height: .86rem;
letter-spacing: 0em;
text-align: center;
color: #FFFFFF;
    }
    .pSi1 .mpromotionbannernr h4 span{
        font-size: .58rem;
font-weight: 500;
line-height: .86rem;
letter-spacing: 0em;
text-align: center;
color: #8CE034;
    }
    .pSi1 .mpromotionbannernr h5{
        font-family: HarmonyOS Sans SC;
font-size: .28rem;
font-weight: 400;
line-height: .5rem;
letter-spacing: 0em;
text-align: center;
color: #FFFFFF;
margin-top: .24rem !important;
margin-bottom: .61rem !important;
    }
    .mpromotionbannernr a{
        display: flex !important;
        position: relative;
        justify-content: center;
        align-self: center;
        margin: 0 auto;
    }
    .pSi1 .mpromotionbannernr a{
        width: 4.6rem;
        height: .78rem;
        font-family: HarmonyOS Sans SC;
font-size: .28rem;
font-weight: 500;
line-height: .33rem;
letter-spacing: 0em;
text-align: center;

    }
.pSi2 .mpromotionbannernr {
    top: 1.43rem;
    width: 6.38rem;
left: 50%;
transform: translateX(-50%);
}
.pSi2 .mpromotionbannernr h4{
    font-family: HarmonyOS Sans SC;
font-size: .58rem;
font-weight: 500;
line-height: .68rem;
letter-spacing: 0em;
text-align: left;

}
.pSi2 .mpromotionbannernr h5{
    font-family: HarmonyOS Sans SC;
font-size: .28rem;
font-weight: 500;
line-height: .5rem;
letter-spacing: 0em;
text-align: left;
margin:  .3rem 0 .29rem;
}
.pSi2 .mpromotionbannernr h6{
    font-family: HarmonyOS Sans SC;
font-size: .28rem;
font-weight: 400;
line-height: .6rem;
letter-spacing: 0em;
text-align: left;

}
.pSi2 .mpromotionbannernr h6 img{
    width: .29rem;
    height: .29rem;
}
.pSi2 .mpromotionbannernr a{
    width: 2.9rem;
    height: .78rem;
    margin-left: 0 !important;
    margin-top: .29rem !important;
}
.pSi3 .mpromotionbannernr {
    top: 1.43rem;
    width: 5.2rem;
left: 50%;
transform: translateX(-50%);
}
.pSi3 .mpromotionbannernr h4{
    font-family: HarmonyOS Sans SC;
font-size: .58rem;
font-weight: 500;
line-height: .68rem;
letter-spacing: 0em;
text-align: center;

}
.pSi3 .mpromotionbannernr h5{
    font-family: HarmonyOS Sans SC;
font-size: .28rem;
font-weight: 500;
line-height: .48rem;
letter-spacing: 0em;
text-align: center;
margin: .3rem 0 .6rem !important;
}
.pSi3 .mpromotionbannernr a{
    width: 2.91rem;
    height: .78rem;
}

.pSi4 .mpromotionbannernr{
    top: 1.28rem;
    width: 5.6rem;
left: 50%;
transform: translateX(-50%);
}


.pSi4 .mpromotionbannernr h4{
    font-family: HarmonyOS Sans SC;
font-size: .58rem;
font-weight: 500;
line-height: .68rem;
letter-spacing: 0em;
text-align: center;
color: #FFFFFF;
}
.pSi4 .mpromotionbannernr h3{
    font-family: HarmonyOS Sans SC;
font-size: .68rem;
font-weight: 700;
line-height: .8rem;
letter-spacing: 0em;
text-align: center;
color: #FFFFFF;
margin: .23rem 0 .2rem !important;
}
.pSi4 .mpromotionbannernr h5 p span{
    display: flex;
    justify-content: center;
    align-items: center;
    width: .36rem;
    height: .36rem;
    font-family: Roboto;
font-size: .24rem;
font-weight: 500;
line-height: .28rem;
letter-spacing: 0em;
text-align: center;

}
.pSi4 .mpromotionbannernr h5 p{
    margin-left: 0.4rem;
    font-family: HarmonyOS Sans SC;
font-size: .28rem;
font-weight: 500;
line-height: .33rem;
letter-spacing: 0em;
text-align: left;
color: #FFFFFF;
display: flex;
align-items: center;
margin-bottom: .24rem;
}
.pSi4 .mpromotionbannernr a{
    font-family: HarmonyOS Sans SC;
font-size: .28rem;
font-weight: 500;
line-height: .33rem;
letter-spacing: 0em;
text-align: center;
color: #232323 !important ;
border: 1px solid #232323;
width: 3.66rem ;
height: .66rem;
background-color: #FFFFFF;
margin-top: .32rem !important;
}


.pSi5 .mpromotionbannernr{
    top: 1.52rem;
    width: 100%;
left: 50%;
transform: translateX(-50%);
}
.pSi5 .mpromotionbannernr h2{
    font-family: fantasy;
font-size: .86rem;
font-weight: 500;
line-height: 1.01rem;
letter-spacing: 0em;
text-align: center;
position: relative;
color: #ED1C24;
}

/* .pSi5 .mpromotionbannernr h2:nth-of-type(2):after{
    right: -0.2rem;
} */
/* .pSi5 .mpromotionbannernr h2::after{
    content: "+";
    font-size: 0.5rem;
    position: absolute;
    right: -0.35rem ;
    top: 0;
} */
.pSi5 .mpromotionbannernr ul{
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.3rem;
    justify-content: center;
}
.pSi5 .mpromotionbannernr ul li{
    width: 1.12rem;
    margin:  0 .58rem .21rem;
    font-family: HarmonyOS Sans SC;
font-size: .28rem;
font-weight: 400;
line-height: .48rem;
letter-spacing: 0em;
text-align: center;
color: 
#232323;
}
.pSi5 .mpromotionbannernr a{
    font-family: HarmonyOS Sans SC;
font-size: .28rem;
font-weight: 500;
line-height: .33rem;
letter-spacing: 0em;
text-align: center;
background:
#ED1C24 ;
border: 2px solid #232323;
width: 3.66rem;
height: .78rem;
}
    .promotionform1{
        display: block;
        position: relative;
        flex-wrap: wrap;
        padding:1.9rem .35rem 0;
        height: 7.91rem;
        top: 0;
        left: 0;
        background: #F6F7FA;
    }





    .promotionformTitle {
        width: 100%;
        font-family: HarmonyOS Sans SC;
font-size: .42rem;
font-weight: 500;
line-height: .58rem;
letter-spacing: 0em;
text-align: center;
position: absolute;
top: .8rem;
left: 50%;
transform: translateX(-50%);
color: #3D3D3D;
    }
    .promotionformTitle span{
color: #FF4848;
    }
    .promotionform1 input{
        font-size: .24rem;
width: 100%;
height: .78rem;
color: #232323;
margin-bottom: .28rem;
border: 1px solid rgba(168, 168, 168, 1)
    }
    .promotionform1 input::-webkit-input-placeholder {
        color: #232323 !important;
    }
    
    .promotionform1 input[type=button]{
        width: 100%;
        height: .78rem;
        font-size: .24rem;
        border-radius: .5rem;
    }
    .promotionform1 ul{
        width: 100%;
        border: 1px solid #DEDEDE;
        border-top: none;
        top: 0.75rem;
    }
    .promotionform1 input.colorblue {
        color: #2177DD !important;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border: 1px solid #DEDEDE;
   
    
    }
    .promotionform1 div input{
        font-size: .24rem;
        background-position: 6.18rem center;
        
    }
    .prApimg {
        width: 100%;
        height: 11.86rem;
        position: relative;
padding: 0 .35rem;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        
    }
    
    .prApimg img {
        width:auto;
        height: 100%;
        position: absolute;
    }
    .prApimg div{
        width: 2.31rem;
        height: auto;
        font-family: HarmonyOS Sans SC;
        font-size: .22rem;
        font-weight: 400;
        line-height: .4rem;
        letter-spacing: 0em;
        text-align: left;
        margin: 0 !important;
    position: absolute;
    }
    .prApimg div:nth-of-type(1){top: 3.29rem;left: 1.25rem;}
    .prApimg div:nth-of-type(2){top: 6.34rem;left: 1.19rem;}
    .prApimg div:nth-of-type(3){top: 9.91rem;left: 1.19rem;}
    .prApimg div:nth-of-type(4){top: 2.83rem;right: 1.20rem;}
    .prApimg div:nth-of-type(5){top: 5.81rem;right: 1.20rem;}
    .prApimg div:nth-of-type(6){top: 9.47rem;right: 1.20rem;}



    .promotionIotCl{
        height: auto;
        width: 100%;
        display: flex;
        border: none;

    }
    .promotionIotCr{
        width: 100%;
    }
    .promotionIotCrswiper .items .itemsboxs .itemsboxsl{
        width: 2.74rem;
        height: 1.63rem;
        margin: 0.66rem 0 0.43rem .5rem;
    }
    .promotionIotCrswiper .items {
   padding: 0;
    }
    .promotionIotCrswiper .items h6 {
        text-align: center;
    }
    .promotionIotC{
        width: 100%;
        height: auto;
        flex-direction: column;
    background-color: #FFFFFF;
    }
    .promotionIotCList{
        width: 100%;
min-height: .68rem;
margin-bottom: 3px;
    }
    .promotionIotCList h1{
        width: 100%;
        height: .68rem;
        font-family: HarmonyOS Sans SC;
font-size: .24rem;
font-weight: 400;
line-height: .68rem;
letter-spacing: 0em;
text-align: left;
padding-left: .33rem;
color: #2177DD;
background-color: #F2F3F7;
background-image: url(/app_static/images/active.png);
background-repeat: no-repeat;
background-size: .24rem  .24rem;
background-position: 6.26rem center;
    }
    .promotionIotC .active h1{
        background-color: #2177DD;
        color: #FFFFFF;
        background-image: url(/app_static/images/actives.png);
    }
    .promotionService{
      
        justify-content: space-between;
        padding: .41rem .35rem .38rem;
        height: auto;
    }
    .promotionIotCListCen{
        display: none;
        width: 100%;
        padding: .19rem .3rem .53rem;
        background-color: #F6F9FF;
    }
    .promotionIotCListCen p{
        font-family: HarmonyOS Sans SC;
font-size: .22rem;
font-weight: 400;
line-height: .48rem;
letter-spacing: 0em;
text-align: left;
color: #666666;
margin-bottom: 10px;
    }
    .promotionIotCListCen .imgss{
width: 100%;
height: 3.85rem;
background-image: url(/app_static/images/mpromotionIotCrbgi.jpg);
background-repeat:repeat;
background-size: cover;
background-position: center;
display: flex;
justify-content: center;
align-items: center;
    }
    .promotionIotCListCen .imgss img{
width: 5.48rem;
height: 3.27rem;
    }
    .promotionService .item4s{
        width: 2rem;
        height: 2rem;
        margin-bottom: .1rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        margin: 0;
    }
    .promotionService .item4s h5{
        font-family: HarmonyOS Sans SC;
        font-size: .2rem;
        font-weight: 500;
        line-height: .23rem;
        letter-spacing: 0em;
        text-align: center;
        margin: .23rem 0 .12rem;
        color: #404442;
    }
    .promotionService .item4s h6{
        font-family: HarmonyOS Sans SC;
        font-size: .16rem;
        font-weight: 400;
        line-height: .21rem;
        letter-spacing: 0em;
        text-align: center;
        color: #70767C;

    }
    .promotionService .item4s .imgs{
        margin: 0 !important;
    }
    .promotionbanner{
        height: 12.80rem;
        
    }
    .promotionbannernr{
        left: .63rem !important;
        top: .2rem !important;
    }
    .promotionbanner .items>img{
        width: 100%;
    }
    .promotionbanner h4 {
      
        font-size: .24rem;
 
    }
    
    .promotionbanner h4 span {
    
        font-size: .24rem;
    
    }
    
    .promotionbanner h5 {

        font-size: .16rem;
  margin: .1rem 0 !important;
    }
    
    .promotionbanner h6 {
  
        font-size: .1rem;
   
        margin-bottom: .1rem;
    }
    
    .promotionbanner a {
     display: none;
        font-size: .2rem;
   margin-top: .1rem !important;
    }
    




    .promotionweproduct{
        padding: .5rem .35rem;
    }
    .promotionweproduct h3{
        font-family: HarmonyOS Sans SC;
        font-size: .24rem;
        font-weight: 400;
        line-height: .5rem;
        letter-spacing: 0em;
        text-align: left;
        
    }
    .promotionweproductC {
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding: .28rem 0 0;
    }
    .promotionweproductC .items1{
        width: 100%;
        margin-bottom: .28rem;
        margin-right: 0;
        padding: .52rem 0 .43rem 2.24rem;
        height: auto;
        box-shadow: 0px 2px 8px 0px #8F95AB1F;
position: relative;
    }
    .promotionweproductC .items1 img{
        position: absolute;
        width: 1.4rem;
        height: .88rem;
        top: .52rem;
        left: .44rem;
        margin-top: 0;
    }
    .promotionweproductC .items1 h5{
        width: 100%;
        text-align: left;
        margin-top: 0;
    }
    .promotionweproductC .items1 h5::after{
        left: 0;
        transform: translateX(0);
        background-color: #2177DD;
    }
    .promotionweproductC .items1 h6{
        width: 100%;
        text-align: left;
        font-size: .22rem;
        line-height: .42rem;
    }
    .pPremo{
        width: 4rem;
        height: .68rem;
        margin: 0 auto;
        font-size: .22rem;
    }
    .promotionworried{
        padding: .8rem  .35rem ;

    }
 
    .mpWobox{
        width: 100%;
height: 10.15rem;
margin-bottom: 0;
position: relative;
margin-top: .5rem;
    }
    
    .mpWobox div{
        position: absolute;
        display: flex;
        flex-direction: column;
    }
    .mpWobox div h1{
        width: 1.5rem;
        height: .42rem;
       
        font-family: HarmonyOS Sans SC;
font-size: .28rem;
font-weight: 500;
line-height: .33rem;
letter-spacing: 0em;

    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    }
    .mpWobox div h2 {
        font-family: HarmonyOS Sans SC;
        font-size: .22rem;
        font-weight: 400;
        line-height: .4rem;
        letter-spacing: 0em;
        text-align: left;
        margin-top: .22rem;
      
    }
    .mpWobox div:nth-of-type(4) {
        right: 0;
        top: 0;
        align-items: end;
    
    }
    .mpWobox div:nth-of-type(1) {
        left: 0;
        top: 0;
     
    }
    .mpWobox div:nth-of-type(5) {
        right: 0;
        top: 4.3rem;
        align-items: end;
    }
    .mpWobox div:nth-of-type(2) {
        left: 0;
        top: 4.29rem;
    }
    .mpWobox div:nth-of-type(6) {
        right: 0;
        top: 7.8rem;
        align-items: end;
    }
    .mpWobox div:nth-of-type(3) {
        left: 0;
        top: 7.8rem;
    }
    .promotionfree{
        height: 2.98rem;
        flex-direction: column;
        
        justify-content: center;
    }
    .promotionfree p{
        width: auto;
        margin: 0;
        font-family: HarmonyOS Sans SC;
        font-size: .28rem;
        font-weight: 500;
        line-height: .48rem;
        letter-spacing: 0em;
        text-align: center;

        
    }
    .promotionfree a{
        width: 2.4rem;
        height: .68rem;
        font-family: HarmonyOS Sans SC;
font-size: .24rem;
font-weight: 500;
line-height: .28rem;
letter-spacing: 0em;
margin-top: .2rem;
border-radius: .1rem;
    }
    .promotionWhy{
padding: 1.02rem .22rem 0;
    }
    .promotionWhy h2{
        font-family: HarmonyOS Sans SC;
font-size: .28rem;
font-weight: 500;
line-height: .5rem;
letter-spacing: 0em;
text-align: center;

    }
    .promotionWhyC .itme2s{
        width: 3.3rem;
        height: 4rem;
    }
    .promotionWhyC .itme2s h6{
        font-family: HarmonyOS Sans SC;
font-size: .22rem;
font-weight: 400;
line-height: .42rem;
letter-spacing: 0em;
text-align: center;

    }
    .promotionWhyC .itme2s h5{
        font-size: .28rem;
    }
    .promotionIot{
    padding: .89rem .35rem;
    }
    .promotionIot h3{
        font-family: HarmonyOS Sans SC;
font-size: .24rem;
font-weight: 400;
line-height: .5rem;
letter-spacing: 0em;
text-align: left;

    }
    .prApC{
        justify-content: space-between;
        padding: 0 .4rem;
    }
    .prApC .item3s{
        width: 3.24rem;
        height: 2.74rem;
        padding: 0 .20rem;
    }
    .prApC .item3s h5{
        font-size: .3rem;
        margin-top: .34rem;
    }
    .prApC .item3s h6{
        font-family: HarmonyOS Sans SC;
        font-size: .22rem;
        font-weight: 400;
        line-height: .42rem;
        letter-spacing: 0em;
        text-align: left;
        
    width: auto;
    }

    




    /* 物联网卡 */

    .mbwlwkbannner{
        width: 100% !important;
        height: 12.8rem !important;
    }
    .wktdd .ul{
        flex-wrap: wrap;
    }
    .iotbp .wktdd .ul .li{
        width: 3.3rem;
        height: 4.12rem;
        margin: 0 !important;
    }
    .iotbp .wktdd .ul .li:nth-of-type(2n){
        margin-left: .2rem !important;
    }
    .iotbp .wktdd .ul .li .wkcard {
        /* padding-top: 0.91rem; */
        width: 100%;
        height: 100%;
        padding: .76rem 0 0 !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .iotbp .wktdd .ul .li .wkcard h1{
        margin-top: .6rem;
        margin-bottom: .4rem;
    }
    .wktd{
        padding: .82rem .35rem 1.01rem !important;
    }
    .wktd img{
        width: 6.8rem !important;
        height: 4.31rem !important;
    }
    .networkzs{
        padding: .99rem .35rem 1.29rem !important; 
    }
    .networkzs img{
        width: 6.8rem !important;
        height: 8.04rem !important;
    }
    .whychoose{
        padding: .96rem .36rem .83rem !important;
        margin-bottom: 0rem !important;
    }
    .iotbp .wktdd .ul .li .wkcard h1{
        font-size: .28rem !important;
    }
    .iotbp .wktdd .ul .li .wkcard p{
        font-size: .22rem !important;
    }
}




@media only screen and (max-width:750px) {
    .promotionfree a:hover{
        color: #D83D39;
    }
    .pSi5 h2::after  {
        display: none;
    }
}


.mpromotionbannernr em {
    display: block;
}
.mpromotionbannernr em::after {
    content: "+";
    font-size: 0.5rem;
    position: absolute;
    top: -40%;    
}

.mpromotionbannernr h2:nth-of-type(1) em::after{
    display: none;
    
}

.mpromotionbannernr h2:nth-of-type(2) em::after{
    right: 0rem;
}

.mpromotionbannernr h2:nth-of-type(3) em::after {
    right: -0.15rem;
}