@media (max-width: 1366px) {}

@media (max-width: 1200px) {}

@media (max-width: 1025px) {
    .main-more{font-size: 13px;}
    .index .ban-swiper{height: 86.4vw;transform:translate3d(0px, 0px, 0px)!important;}
    .index .ban-swiper .swiper-slide .pos-cont .h{font-size: 22px;margin-bottom: 16px;}
    .index .ban-swiper .swiper-slide .pos-cont .txt{font-size: 13px;}
    .index .ban-swiper .swiper-slide .pos-cont .more{width: 136px;height: 40px;}
    .scrolldown{display: none;}
    .index .ani-box{height: auto!important;}
    .index .box1{padding: 60px 0 0 0;height:auto;position: relative;}
    .w1640{width: calc(100% - 32px);max-width:9999px;}
    .index .box1 .top-intro{display: block;}
    .index .box1 .top-intro .lt{width: 100%;text-align: center;margin-bottom:20px;}
    .index .box1 .top-intro .rt{width: 100%;text-align:center;}
    .index .box1 .pic{margin-top: 30px;}
    .main-tit{font-size: 20px;margin-bottom: 16px;}
    .index .box1 .top-intro .lt .main-sub{font-size: 13px;width:80%;margin:0 auto;}
    .index .box1 .top-intro .rt{font-size: 13px;}
    
    .index .box2{height: auto;padding: 60px 0 0 0;}
    .index .box2 .pos-bg{bottom:auto;top:28%;opacity: 1!important;}
    .index .box2 .earth{display: none;}
    .index .box2 .wrap{position: relative;transform: translateX(0%);height: auto;width: calc(100% - 32px);left:0;}
    .index .box2 .top-tit{position: static;transform:translateY(0);}
    .index .box2 .earthm{display: block!important;position: static;transform: translate(0%, 0%);margin:0 auto;width:56vw;}
    .index .box2 .num-box{position: static;transform: translateY(-60px);padding:24px 16px;}
    .index .box2 .num-box .item .num .num-tit p{font-size: 22px;}
    .index .box2 .num-box .item .num{font-size: 13px;}
    .index .box2 .num-box .item .txt{font-size: 13px;}
    .index .box2 .top-tit .more{width: 118px;height: 36px;margin-bottom:46px;}
    
    .index .box3{padding:60px 0 0 0;margin-top:0;}
    .index .box3 .main-sub{font-size: 13px;width:80%;margin:0 auto;margin-bottom:0;}
    .index .box3 .li-box{margin-top:40px;width:100%;flex-wrap:wrap;justify-content: space-between;gap:10px;}
    .index .box3 .li-box .li{width: 48%;}
    .index .box3 .li-box .li .intro{height: 50px;padding:0 15px;}
    .index .box3 .li-box .li .intro .icon{width: 18px;height: 18px;object-fit: contain;margin-right:5px;}
    .index .box3 .li-box .li .intro .arr{right: 15px;width: 28px;height: 28px;line-height:26px;}
    
    .index .box4{padding:60px 0;}
    .index .box4 .sub{margin: 16px 0 0 0;font-size: 13px;margin-bottom: 65px;width:100%;}
    
    .index .box5{padding:70px 16px 0 16px;height:125.8vw;}
    .index .box5 .sub{font-size: 13px;margin-top: 0;}
    .index .box5 .more{font-size: 13px;width:122px;height: 36px;}
    
    .banner .ban-intro .tit{font-size: 22px;margin-bottom: 16px;}
    .banner .ban-intro .txt{font-size: 13px;margin-top: 0;line-height:1.8;}
    
    .about{padding-bottom: 0;}
    .about .box1{padding: 60px 0 0 0;}
    .about .box1 .top-intro{display: block;}
    .about .box1 .top-intro .lt{width: 100%;text-align:center;margin-bottom:20px;}
    .about .box1 .top-intro .rt{width: 100%;}
    .about .box1 .pic{width: 100%;margin-top: 20px;}
    .about .box1 .li-box{display: block;}
    .about .box1 .li-box .li{width: 100%;padding:20px;height:auto;margin-bottom:16px;}
    .about .box1 .li-box .li:last-child{margin-bottom:0;}
    .about .box1 .li-box .li .icon{width: 30px;height: 30px;margin-bottom: 12px;}
    .about .box1 .li-box .li .h{font-size: 18px;margin-top: 0;}
    .about .box1 .li-box .li .txt{font-size: 13px;margin-top: 12px;}
    
    .about .box2{padding: 60px 0 0 0;}
    .about .box2 .tab{font-size: 14px;}
    .about .box2 .tab span{width: 100px;height: 36px;line-height: 36px;}
    .about .box2 .item-box{margin-top: 30px;}
    .about .box2 .item-box .item{margin-top: 0;}
    .about .box2 .item-box .box2-swiper{padding: 16px 0;margin-top:0; }
    .about .box2 .item-box .box2-swiper .swiper-slide{padding: 16px;}
    .about .box2 .item-box .box2-swiper .swiper-slide .lt .h{font-size: 16px;}
    .about .box2 .item-box .box2-swiper .swiper-slide .lt .company .h1{font-size: 14px;}
    .about .box2 .item-box .box2-swiper .swiper-slide .lt .company .h2{font-size: 13px;}
    .about .box2 .item-box .box2-swiper .swiper-slide .lt{padding-right: 16px;}
    .about .box2 .item-box .box2-swiper::before, .about .box2 .item-box .box2-swiper::after{top:0;height: 100%;}
    
    .about .box3{padding: 60px 0;}
    .about .box3 .li-box{margin-top: 30px;}
    .about .box3 .li-box .li{width: 100%;margin-bottom: 20px;}
    .about .box3 .li-box .li:last-child{margin-bottom:0;}
    .about .box3 .li-box .li .intro{padding: 16px 24px;}
    .about .box3 .li-box .li .intro .h{font-size: 18px;}
    .about .box3 .li-box .li .intro .txt{font-size: 14px;}
    
    .about .box4{padding: 60px 0;}
    .about .box4 .item-box{margin: 30px 16px 0 16px;width:calc(100% - 32px);height:50vw;}
    .about .box4 .item-box .item .content::before,.about .box4 .item-box .item .content::after{display:none;}
    .about .box4 .item-box .item .content{width: 100%;padding:0 0 0 0;margin-left:0;}
    .about .box4 .item-box .item .year{top: auto;bottom: 20%;font-size: 132px;}
    .about .box4 .item-box .item .content .pic{width: 50%;}
    .about .box4 .item-box .item .content .intro{width: 50%;padding-left:12px;}
    .about .box4 .item-box .item .content .intro .date{font-size: 14px;}
    .about .box4 .item-box .item .content .intro .h{font-size: 18px;}
    .about .box4 .item-box .item .content .intro .txt{font-size: 14px;}
    
    .contact .box1{padding: 60px 0;}
    .contact .box1 .container .handle{font-size: 14px;}
    .contact .box1 .tab{font-size: 13px;}
    .contact .box1 .container{padding: 60px 0 0 0;}
    .contact .box1 .container .box{margin-top: 20px;display: block;}
    .contact .box1 .container .box .lt{width: 100%;padding: 20px;}
    .contact .box1 .container .box .lt .address{font-size: 13px;line-height: 1.5;}
    .contact .box1 .container .box .lt .box1-swiper .swiper-slide .name{font-size: 16px;}
    .contact .box1 .container .box .rt{width: 100%;}
    
    .contact .box2{padding-top: 120px;padding-bottom:60px;}
    .contact .box2 .tit{left: 16px;top: -80px;}
    .contact .box2 .li-box{position: static;transform: translateX(0);display:block;padding:20px;}
    .contact .box2 .li-box .li{margin-bottom: 16px;}
    .contact .box2 .li-box .li:last-child{margin-bottom:0;}
    .contact .box2 .li-box .li .intro .h{font-size: 14px;}
    .contact .box2 .li-box .li .intro .tel{font-size: 16px;}
    .contact .box2 .li-box .li .intro .txt{font-size: 13px;}
    
    .news .li-box{margin-top: 30px;display:block;}
    .news .li-box .li{width: 100%;margin-bottom:20px;display: block;}
    .news .li-box .li .intro{padding: 16px;}
    .news .li-box .li .intro .year{font-size: 12px;margin-bottom:6px;}
    .news .li-box .li .intro .h{font-size: 15px;}
    .news .li-box .li .intro .more{font-size: 13px;width: 118px;height: 36px;}
    
    .news-info .wrap{padding: 60px 16px;}
    
    .downloads{padding: 60px 0;}
    .downloads .lt{width: 100px;padding-right:20px;}
    .downloads .wrap::after{left:100px;}
    .downloads .rt{width: calc(100% - 100px);}
    .downloads .rt{padding: 0 0 0 20px;}
    
    .downloads .rt .top-intro{display: block;}
    .downloads .rt .top-intro .tit{margin-bottom: 20px;}
    .downloads .rt .li-box .li{width: 100%;padding:20px;height:auto;}
    .downloads .rt .li-box .li .icon{width: 30px;height: 30px;margin-bottom: 12px;}
    .downloads .rt .li-box .li .h{margin-top: 12px;font-size:14px;}
    .downloads .rt .li-box .li .btn-box{gap: 12px;}
    
    .application .li-box{margin-top: 30px;}
    .application .li-box .li{width: 100%;}
    
    .app-info .box1{padding: 60px 0;display:block;}
    .app-info .box1 .wrap{display: block;}
    .app-info .box1 .lt{width: 100%;padding-top:0;}
    .app-info .box1 .rt{width: 100%;margin-top:20px;}
    
    .app-info .box2{padding: 60px 0;}
    .app-info .box2 .li-box .li{width: 100%;}
    
    .technology .box1{padding: 60px 0;}
    
    .technology .box1 .box1-swiper .swiper-slide{width: 100%;padding:20px;}
    .technology .box2{padding: 60px 0;}
    .technology .box2 .lt{width: 100%;}
    
    
    .technology .box2 .lt .sub{margin-top: 20px;font-size:14px;}
    .technology .box2 .lt .txt{margin-top: 20px;font-size: 13px;}
    
    .technology .box3{padding: 60px 0 0 0;}
    .technology .box3 .tit{margin-bottom: 30px;font-size:20px;}
    .technology .box3 .h{font-size: 18px;}
    .technology .box3 .item .li-box{display: block;}
    .technology .box3 .item .li-box .li{width: 100%;margin-bottom:20px;}
    .technology .box3 .item .li-box .li:last-child{margin-bottom:0;}
    .technology .box3 .item .li-box .li .intro{font-size: 16px;}
    
    .technology .box4{padding: 60px 0;}
    .technology .box4 .wrap{display: block;}
    .technology .box4 .wrap .lt{width: 100%;}
    .technology .box4 .wrap .rt{width: 100%;padding-left:0;margin-top:30px;}
    
    .products{padding: 60px 0;}
    .products .lt{width: 100px;padding-right: 10px;}
    .products .rt{width: calc(100% - 100px);padding-left: 20px;}
    .products .wrap::after{left:100px;}
    .products .rt .top-intro{display: block;}
    .products .rt .top-intro .tit{margin-bottom: 20px;}
    .products .rt .li-box .li{width: 100%;padding:20px;height:auto;padding-bottom:120px;}
    .products .rt .li-box .li .h{margin-top: 12px;font-size:14px;}
    .products .rt .li-box .li .btn-box{gap: 12px;}
    .products .rt .li-box .li .pic{height: 100px;}
    
    .pro-info .box1{padding: 60px 0;}
    .pro-info .box1 .wrap{display: block;}
    .pro-info .box1 .lt{width: 100%;padding-top:0;}
    .pro-info .box1 .rt{width: 100%;}
    .pro-info .box1 .lt .link-box{width: 100%;}
    .pro-info .box2 .item .cont{width: calc(100% - 140px);}
    .pro-info .box2 .item .tit{font-size: 20px;}
    
    .pro-info .box3{display: block!important;padding:60px 0;}
    .pro-info .box3 .box3-swiper{width: 100%;}
    .pro-info .box3 .box3-swiper .swiper-slide{width: 100%;}
    
    .pro-info .box3 .box3-swiper .swiper-slide .icon{width: 30px;height: 30px;margin-bottom: 12px;}
    .pro-info .box3 .box3-swiper .swiper-slide .h{margin-top: 12px;font-size:14px;}
    .pro-info .box3 .box3-swiper .swiper-slide .btn-box{gap: 12px;}
    
    
    
    
    
    .footer .top,.footer .mid{display: none;}
    .footer .btm{margin-top: 0;display: block;text-align:center;}
    
    .head{height: 2.5rem;}
    
    
    
}

@media (max-width: 997px) {}