.why-content{justify-content: space-between;}
.why-item{width:48%}
.about2{background: url('/static/home/default/image/aaaa.avif') no-repeat center/cover;width:100%;height:500px}
.about2-con{display:flex;justify-content: center;align-items: center;flex-direction: column;height:100%}
.about3-list{margin-left:-40px}
.about3-list .about3-item{width:calc( 100% / 3 - 40px);margin-left:40px;margin-bottom:60px;display:flex;align-items: center;flex-direction: column;}
.about3-list .about3-item .img{width:200px;text-align:center}
.about3-list .about3-item .img img{width:100%;}

.about4{border-top:2px solid #000;}
.about4-content{justify-content: space-between;}
.about4-item{width:48%}


.about10-list .about3-item{width:100%;margin-bottom:60px;display:flex;align-items: center;flex-wrap:wrap;}
.about10-list .about3-item:last-child{margin-bottom:0;}
.about10-list .about3-item .img{width:30%;text-align:center}
.about10-list .about3-item .img img{width:100%;}
.about10-list .about3-item .text{width:70%;padding-left:40px;}

.about5{background: url('/static/home/default/image/bbb.avif') no-repeat center/cover;width:100%;height:500px}
.about5-con{display:flex;justify-content: center;align-items: center;flex-direction: column;height:100%}

.about6-list{width:60%;margin:0 auto;display:flex;justify-content: space-between;}
.about6-item{width:47%;border:2px solid #000;padding:40px;text-align: center;margin-bottom:40px}
p + p{margin-top:5px !important;}

.about7{background: url('/static/home/default/image/ccc.avif') no-repeat center/cover;width:100%;height:500px}
.about7-con{display:flex;justify-content: center;align-items: center;flex-direction: column;height:100%}

.about8{background: url('/static/home/default/image/ddd.avif') no-repeat center/cover;width:100%;height:500px}
.about8-con{display:flex;justify-content: center;align-items: center;flex-direction: column;height:100%}

.con-list{margin-left:20px}
.con-list .con-item{width:calc( 25% - 20px);margin-left:20px;margin-bottom:20px;}
.list-itemaa{border:2px solid rgba(3, 3, 56, 1);padding:60px 0px;text-align:center;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 1);color:#000;border-radius:10px;}
 .contact-btn a{
           
    text-align: center;
    line-height: 40px;
    border: 1px solid rgb(0, 213, 255);
    cursor: pointer;
        }
.pro-content1{margin-top:85px}
.pro-content1 .left-content{background-color: rgb(3, 3, 56);width:50%;padding:60px 120px}
.pro-content1 .left-content a{display:block;width:150px;height:40px;text-align: center;line-height:40px;border:1px solid rgb(0, 213, 255);cursor:pointer}
.pro-content1 .img{width:50%}

.con-item2 .img{width:20%;}
.con-item2 .desc{width:80%;}

.pro-content2 .con-list{justify-content: space-between;}
.pro-content2 .con-item{width:25%;padding:0 20px}
.pro-content3{height:600px}
.pro-content4 .con-list{margin-left:-20px}
.pro-content4 .con-list .con-item{width:calc( 20% - 20px);margin-left:20px;margin-bottom:20px;height:120px;text-align: center;line-height:120px;border:2px solid rgba(3, 3, 56, 1);border-radius:5px;}
.pro-content4 .con2{border-top:2px solid #000;}
.pro-content4 .con-list2 .con-item2{width:calc( 100% / 3);padding:0 20px}
.pro-content5{background:url('/static/home/default/image/ddd.avif') no-repeat center/cover;height:599px}
.pro-content5 .con{width:35%;color:white;display:flex;flex-direction: column;justify-content: center;align-items: center;height:100%}
.banner-pagination3{position:absolute;bottom:7%;width:100%;z-index:2}
.banner-pagination3 .swiper-pagination-bullet {width:12px;height:12px;background-color:#fff;margin-right:10px;}
.banner-pagination3 .swiper-pagination-bullet-active{background-color:#00D5FF;}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner-con .container{height: 100%;justify-content: center; flex-direction: column;align-items: center;}

.banner{height:700px}
.banner-bg img{width: 100%;}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner-con .contain{height: 100%;justify-content: center; flex-direction: column;align-items: center;}
.banner-pagination{position:absolute;bottom:7%;width:100%;z-index:2}
.banner-pagination .swiper-pagination-bullet {width:12px;height:12px;background-color:#fff;margin-right:10px;opacity:1}
.banner-pagination .swiper-pagination-bullet-active{background-color:#00D5FF;}

.banner-pagination2 .swiper-pagination-bullet {width:12px;height:12px;background-color:#fff;margin-right:10px;opacity:1}
.banner-pagination2 .swiper-pagination-bullet-active{background-color:#00D5FF;}

.banner-pagination3 .swiper-pagination-bullet {width:12px;height:12px;background-color:#fff;margin-right:10px;opacity:1}
.banner-pagination3 .swiper-pagination-bullet-active{background-color:#00D5FF;}
p + p{margin-top:0px !important;}

.banner-con .title{opacity: 0;transform: translateY(100px);transition: all 1s .8s ease;}
.banner-con .text{opacity: 0;transform: translateY(100px);transition: all 1s .9s ease;}
.banner-con .comMore-box{opacity: 0;transform: translateY(100px);transition: all 1s 1s ease;}

.index-content1 .neirong{justify-content: space-between;}
.index-content1 .neirong .img{width:49%}
.index-content1 .neirong .con{width:49%}

.index-content2 .contain{border-top:2px solid #000;}
.service-list{justify-content: space-between;}
.service-list .service-item{display:flex;align-items: center;flex-wrap: wrap;flex-direction: column;}
.service-list .service-item .img{width:100px}

.index-content3{background: url('/static/home/default/image/index-content3.avif') no-repeat center/cover;height:910px;width:100%;}
.index-content3 .bg{background-color: rgba(0,0,0,.5);width:100%;height:100%}
.index-content3 .con{justify-content: space-between;height:100%;padding-top:200px}
.index-content3 .con-left{width:48%}
.index-content3 .con-right{width:48%}

.index-content4{height:740px}
.index-content4 .banner-pagination2{z-index: 2;position: absolute;left: 0;bottom: 7%;width: 100%;}


.pro-content2 .content2-list .li{display:flex;flex-direction:column;align-items:center;border:1px solid rgba(3, 3, 56, 1);border-radius:10px;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 1);padding:50px 30px}
.pro-content2 .content-list li{display:flex;justify-content:center;flex-direction:column;align-items:center;}
.pro-content2 .content-list .num{width:92px;height:92px;background: #030338;color:white;text-align:center;line-height:88px;
border-radius:92px;border:2px solid #00D5FF;}  
     
.pro-content4 .con-list2 .con-item2{display:flex;flex-direction:column;align-items:center;margin-bottom:50px}
.pro-content4 .con-list2 .num{width:92px;height:92px;background: #030338;color:white;text-align:center;line-height:88px;
border-radius:92px;border:2px solid #00D5FF;}
.contact-btn a{border:1px solid #00D5FF;padding:10px 20px;color:#333;}
.pro3-content6{background:url('/static/home/default/image/pro-banner.avif') no-repeat center/cover;width:100%;height:600px}
.pro3-content6 .contact-btn a{color:white;}
.pro3-content7 .content-list .li{border:1px solid rgba(3, 3, 56, 1);border-radius:10px;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 1);padding:50px 30px}
.border-top{border-top:2px solid #000 !important;}


.pro4-content .content2 .img{width:30%;padding:0 20px;text-align:center;}
.pro4-content .content2 .content{width:70%;}

.pro4-content .content3 li{padding:0 50px;}
.pro4-content .content3 li:nth-child(1){border-right:2px solid #ccc}
.pro4-content .content3 li:nth-child(2){margin-left:0;}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
    .why-item{width:100%;margin-bottom:20px}
    .about2{background: url(/static/home/default/image/aaaa.avif) no-repeat center/contain;height:auto;}
    .about2-con{height:auto;}
    
     .about3-list .about3-item{width:100%;}
    /*.about10-list .about3-item .img{width:100%;}*/
    /*.about10-list .about3-item .text{width:100%;padding-left:0;margin-top:20px;}*/

    .about4-item{width:100%;margin-bottom:20px}
    .contain2{width:100%;}
    .about6-list{width:100%}
    .pro-content1 .left-content{width:100%;order:2;padding:100px 30px}
    .pro-content1 .img{width:100%;order:1;}
    .pro-content2 .con-item{width:50%;margin-bottom:20px;}
    .pro-content4 .con-list2 .con-item2{width:100%;margin-bottom:20px}
    .pro-content4 .con-list .con-item{width:calc( 50% - 20px);}
    .pro-content5 .con{width:100%}

    .pro-content3{height:300px}
    
    .uli.ml30.uli4 li{width: calc(100%/2 - max(12px,0.3rem));}
    .uli.ml30.uli5 li{width: 100%;margin-bottom:30px}
    .uli.ml30.uli2 li{width:100%;}
    .pro4-content .content3 li{padding:0;margin-bottom:30px}
    .pro4-content .content3 li:nth-child(1){border-right:none;}
    .pro4-content .content3 li:nth-child(2){margin-left:10px}
    .pro4-content .content2 .img{padding-left:0;}
    
    .uli.ml30.uli3 li{width: calc(100%/2 - max(12px,0.3rem));}
    
    .pro3-content6{height:1050px}
    .pro-content10 .content-list .img{width:30%;}
    .pro-content10 .content-list .desc{width:70%;padding-left:10px}
    .pro5-content .uli.ml30.uli3 li{width:100%;margin-bottom:30px;}

    .pro-content3 .swiper-slide .banner-bg img{height:300px}

    .index-content1 .neirong .img{width:100%}
    .index-content1 .neirong .con{width:100%}
    .index-content3 .con-left{width:100%;margin-bottom:30px}
    .index-content3 .con-right{width:100%}
    .index-content3 .con{padding-top:20px}
    .index-content4{height:400px}
    .index-content4 .swiper-slide .banner-bg img{height:400px}

    .banner{height:400px}
    .banner .swiper-slide .banner-bg img{height:400px}
    .service-list .service-item{margin-bottom:20px}
    
    .uli.ml30.uli6 li {
        width: calc(100%/2 - max(12px,0.3rem));
    }

    .pro-content2 .con-item{width:100%;margin-bottom:30px}
}