.banner{padding-top: .75rem; position: relative; width: 100%; height: 7.51rem; background-size: 100% 100%;background-image: url(../ls/1.png);}

.banner_nav{display: flex;font-size: .16rem; color: #C2C0C0; margin-top: .42rem; font-family: JINGDONGLangZhengTi2Semilight;}
.banner_nav a{font-size: .2rem; color: #C2C0C0;display: block;}
.banner_nav a:last-child{color: #fff; font-weight: bold;}
.banner_nav a:hover{color: #fff; font-weight: bold;}
.banner_list{position: absolute;left: 50%; bottom: 0; transform: translate(-50%,0);}
.banner_list_iocn{width: .6rem; height: .6rem;margin-bottom: .3rem;}
.banner_list ul {display: flex; justify-content: space-between;}
.banner_list ul li{border-right: .01rem solid rgba(255,255,255,0.5); display: flex; flex-direction: column; justify-content: center;align-items: center; width: 2.1rem; height: 2.66rem;}
.banner_list ul li:last-child{border-right: none;}
.banner_list_iocn img{width: 100%; height: 100%; object-fit: contain;}
.banner_list_text{font-size: .3rem; color: #fff;}

.list_itme{padding: 0 .12rem; box-sizing: border-box; width: 4rem !important; justify-content: flex-start !important; align-items: flex-start !important;
/* background-image: url(../ds/8.jpg); */
/* background:  linear-gradient(top,bottom, #ffff 0% ,#ffff); */

backdrop-filter: blur(7.6px);
-webkit-backdrop-filter: blur(7.6px);
}
.banner_list_title{font-size: .42rem; color: #fff; font-weight: 300; padding-bottom: .26rem; position: relative; font-family: JINGDONGLangZhengTi2;}
.banner_list_title::after{content: ""; width: .8rem; height: 0.02rem; background-color: #E1251B; display: block; position: absolute;left: 0; bottom: 0;}
.banner_list_t{font-size: .2rem; line-height: 1.7; color: #fff; margin-top: .26rem; font-family: JINGDONGLangZhengTi2Semilight;}


.monitoringplatform{padding-top: .66rem; padding-bottom: .8rem;box-sizing: border-box;}
.monitoringplatform_title{font-size: .42rem;font-family: JINGDONGLangZhengTi2; text-align: center; padding-bottom: .2rem; position: relative;}
.monitoringplatform_title::after{content: ""; width: .44rem; height: .02rem; display: block; background-color: #E1251B; position: absolute;left: 50%; transform: translate(-50%,0); bottom: 0;}

.monitoringplatform_contet img{width: 100%;}
.monitoringplatform_contet{width: 13.26rem; margin: 0 auto; margin-top: .46rem;}
.monitoringplatform_text{font-size: .22rem; text-align: center;  margin-top: .2rem; font-family: JINGDONGLangZhengTi2Semilight;}










.servecustomers{padding-top: .66rem; padding-bottom: .8rem; box-sizing: border-box;background-color: #F0F2F6;}
.servecustomers_title{font-size: .42rem;font-family: JINGDONGLangZhengTi2; text-align: center;  position: relative; }
.servecustomers_title::after{position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ""; width: 6.3rem;height: 0.01rem; background-color: #D3D3D3;display: block;}
.servecustomers_title::before{position: absolute; top: 50%; right: 0; transform: translateY(-50%); content: ""; width: 6.3rem;height: 0.01rem; background-color: #D3D3D3;display: block;}

.servecustomers ul {display: flex;align-items: center;justify-content: center;}
.servecustomers ul li{display: flex;width: 20%;justify-content: center;}
.servecustomers ul li a{display: block;/* width: 100%; */}
.servecustomers ul li a img{ width: 2.5rem;  height: .55rem; object-fit: contain;    /* 淇濇寔鍥剧墖姣斾緥锛屽畬鏁存樉绀哄浘鐗� */ object-position: center;/* 灞呬腑鏄剧ず鍥剧墖 */}

.servecustomers ul:nth-child(2){margin-bottom: .4rem; margin-top: .77rem;}
.servecustomers ul:nth-child(2) li{width: 25%;}



@media screen and (max-width: 768px) {
     .banner{width: 100%; height: auto; aspect-ratio: 16 / 9; padding-top: 1rem;}
    .banner_list_iocn{width: .3rem; height: .3rem; margin: 0 auto;     margin-bottom: .3rem;}
    .banner_list_title{font-size: .18rem;}
    .banner_list_text{font-size: .16rem; text-align: center; height: .4rem;}
    .banner_list_t{font-size: .14rem;}
    .banner_nav{width: 95%;}
    .banner_list{width: 100%;}
    .banner_list ul li{height: 1.5rem; width: 10%;}
    .list_itme{width: 40% !important;}



     .monitoringplatform{padding: .66rem 0;}
     .monitoringplatform_title{font-size: .38rem; text-align: center; width: 95%;}
     .monitoringplatform_text{font-size: .18rem; text-align: center; width: 95%;}
     .monitoringplatform_contet {width: 95%; margin-top: .33rem; margin-bottom: .33rem;}


   
  
     
 



     .servecustomers{padding: .66rem 0;}
     .servecustomers ul li a img{width: 1.5rem;}
     .servecustomers_title{width: 95%; font-size: .38rem;}
     .servecustomers_title::before{width: 30%;}
     .servecustomers_title::after{width: 30%;}
     .servecustomers ul{width: 95%; flex-wrap: wrap;}
     .servecustomers ul li{width: 33% !important; margin-bottom: .3rem;}
     .servecustomers ul:nth-child(2){margin-bottom: 0;margin-top: .33rem;}
     .footer{padding-top: 0;}
}