@media screen and (max-width:1420px){.index-header .wrap .nav .menu{padding-right:10px}
  .index-header .wrap .nav .menu li{margin:0 3px}
  .index-header .wrap .nav-service{padding:0 10px}
  .index-header .wrap .nav-search{padding:0 10px}
}
@media screen and (max-width:1360px){.index-header .logo span{display:none;transition:transform .4s}
  .index-tech .tech-bg{background:linear-gradient(to right,#eee 0,#eee 65%,#fff 65%,#fff 100%)}
  .index-tech .tech-bg .tech-block .tech-left .tech-text{padding:20px 0 0}
  .index-tech .tech-bg .tech-block .tech-left .tech-text li h1{font-size:28px}
  .index-tech .tech-bg .tech-block .tech-left .tech-text li h2{font-size:20px}
}
@media screen and (max-width:1200px){.index-header{height:60px}
  .index-header .wrap .logo{padding-left:15px}
  .index-header .wrap .logo img{max-width:70%}
  .index-header .wrap .nav-btns{width:120px;height:60px}
  .index-header .wrap .nav-btns .nav-service{display:none}
  .index-header .wrap .nav-btns .nav-menu{display:flex;align-items:center;cursor:pointer}
  .index-header .wrap .nav-btns .nav-menu span.iconfont{font-size:30px;transition:transform .4s}
  .index-header .wrap .nav-btns .nav-menu .icon-guanbi{transform:rotate(90deg);color:#6598b9}
  .index-header .wrap .nav{position:fixed;top:58px;right:0;z-index:10000;width:100%;height:100vh;padding-top:2px;transform:translate3d(-100vw,0,0);opacity:0;transition:.4s ease-in-out}
  .index-header .wrap .nav .menu{display:block;width:100%;margin:0;background-color:#fff;padding-right:0}
  .index-header .wrap .nav .menu li{display:flex;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #d9d9d9;margin:0}
  .index-header .wrap .nav .menu li:first-child a{border-right:none}
  .index-header .wrap .nav .menu li a{flex:1;line-height:60px;padding:0 15px;height:60px;color:#000;border-right:1px solid #d9d9d9}
  .index-header .wrap .nav .menu li .iconfont{width:60px;height:60px;line-height:60px;color:#999;text-align:center;transition:.2s;font-size:24px;cursor:pointer}
  .index-header .wrap .nav .menu li .mobile-menu-expand-btn{display:block}
  .index-header .wrap .nav .menu li .mobile-menu-expand-btn-active{transform:rotate(180deg);color:#6598b9}
  .index-header .wrap .nav .menu li .sevNav{display:block;position:static;float:left;width:100%;border:none;opacity:1;visibility:visible;transform:translate(0);overflow:hidden;background-color:#f8f8f8}
  .index-header .wrap .nav .menu li .sevNav ul{padding:0;display:none;width:100%}
  .index-header .wrap .nav .menu li .sevNav ul .side{width:100%;text-align:left;margin:0;padding:0;border-bottom:1px solid #d9d9d9}
  .index-header .wrap .nav .menu li .sevNav ul .side:last-child{border-bottom:none}
  .index-header .wrap .nav .menu li .sevNav ul .side a{border-right:none;height:45px;line-height:45px;padding-left:20px}
  .index-header .wrap .nav .menu li .sevNav ul .side a img{display:none}
  .index-header .wrap .nav .menu li .sevNav ul .side a p{margin:0;padding:0}
  .index-header .wrap .nav-show{opacity:1;transform:translate3d(0,0,0)}
  .index-search{padding:20px;top:60px}
  .index-search .search-form{height:32px!important}
  .index-search .search-form .search-input::-moz-placeholder{font-size:14px}
  .index-search .search-form .search-input::placeholder{font-size:14px}
  .index-search .search-form .search-btn{font-size:14px}
  .swiper-mouse{top:140px;width:18px;height:30px}
  .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{width:18px;top:180px;right:10%;bottom:auto;left:auto;display:flex;flex-direction:column;align-items:center}
  .swiper-pagination-bullet{width:2px;height:25px;display:inline-block;border-radius:0;background:#fff;margin:5px 0!important}
  .page-banner{margin-top:60px}
  .index-product .product-list li{padding:30px 15px}
  .index-product .product-list li>a{font-size:20px}
  .index-product .product-list li .product-link{flex-direction:column}
  .index-business .business-title .business-img{bottom:-40px}
}
@media screen and (max-width:1080px){.index-business{height:auto;background-position:0 -100px}
  .index-business .business-title{height:520px}
  .index-business .business-title h1{font-size:38px;padding-top:50px}
  .index-business .business-title h4{font-size:18px}
  .index-business .business-title .business-img{bottom:-50px;width:90%}
  .index-business .business-desc p{font-size:20px}
  .index-product .product-list{padding:50px 20px 0;grid-template-columns:1fr 1fr}
  .index-product .product-list li{margin-bottom:3%}
  .index-product .product-list li>a{font-size:24px}
  .index-enterprise{padding:60px 0 20px}
  .index-enterprise .enterprise-imgs{padding-bottom:15px;margin-top:0}
  .index-enterprise .enterprise-top{flex-direction:column;align-items:center}
  .index-enterprise .enterprise-top .enterprise-img{max-width:90%;width:100%;margin:10px 0 20px;flex:auto}
  .index-enterprise .enterprise-top .enterprise-left{width:100%;padding:50px 30px 10px;min-height:auto}
  .index-tech{padding:220px 0 50px}
  .index-tech .tech-bg{background:#eee}
  .index-tech .tech-bg .tech-block{flex-direction:column;align-items:center;padding-bottom:50px}
  .index-tech .tech-bg .tech-block .tech-left{width:100%;padding:50px 30px 20px}
  .index-tech .tech-bg .tech-block .tech-left .tech-text{padding:20px 0 0}
  .index-tech .tech-bg .tech-block .tech-left .tech-text li h1{font-size:24px}
  .index-tech .tech-bg .tech-block .tech-left .tech-text li h2{font-size:18px}
  .index-tech .tech-bg .tech-block .tech-right{padding:10px 30px 20px}
  .index-news .index-news-title h1{font-size:38px}
  .index-news .index-news-title h4{font-size:18px}
  .index-footer .footer-block{flex-direction:column}
  .index-footer .footer-block .footer-menu{display:none}
}
@media screen and (max-width:920px){.page-nav{display:flex;justify-content:center;background-color:#eee;height:78px;margin-bottom:75px}
  .page-nav .page-nav-wrapper .page-nav-menu dd{display:flex;flex-direction:row;align-items:baseline;flex-wrap:wrap;position:absolute;flex:1;top:100px;left:30px}
  .page-content{padding:20px}
  .page-content h1{font-size:26px}
  .page-content .page-tags span{padding:0 5px}
  .about-video{padding:15px 15px 0}
  .about-video li h2{font-size:20px}
  .about-video li h2 .iconfont{font-size:20px}
  .about-app{padding:15px 15px 0}
  .about-app li{padding:20px}
  .about-app li .about-app-content h2{padding:0 0 10px;font-size:20px}
  .about-app li .about-app-content h2 .iconfont{font-size:20px;margin-right:10px}
  .about-app li .about-app-content p{margin-top:5px;line-height:24px}
  .about-app li .about-app-content .app-imgs{display:flex;justify-content:space-between;margin-top:10px}
  .about-app li .about-app-content .app-imgs a{width:30%}
  .pro-list{padding:15px 15px 0;gap:15px}
  .pro-list li{margin-bottom:20px;padding:15px 15px 25px}
  .pro-list li>a{font-size:20px}
  .pro-list li .pro-desc{padding:20px 0}
  .pro-list li .pro-link{flex-direction:column}
  .pro-list li .pro-link a{margin-top:10px}
  .pro-detail{padding:10px 0 30px}
  .pro-detail .pro-detail-top{grid-template-columns:1fr;padding:15px}
  .pro-detail .pro-detail-top>img{width:auto}
  .pro-detail .pro-detail-top .pro-detail-top-right h2{font-size:26px}
  .download-list{padding:15px 15px 0;grid-template-columns:1fr;gap:0}
  .download-list li{margin-bottom:20px}
  .download-list li .download-content h1{font-size:26px}
  .news-list{padding:15px 15px 0;margin-bottom:30px;grid-template-columns:1fr 1fr;gap:15px}
  .news-list li a h2{font-size:20px}
  .page-contact{padding:15px 15px 30px}
  .page-contact h1{font-size:26px}
}
@media screen and (max-width:768px){.index-business{background-position:0 -100px}
  .index-business .business-title{height:400px}
  .index-business .business-title h1{font-size:30px;padding-top:50px}
  .index-business .business-title h4{font-size:18px}
  .index-business .business-title .business-img{bottom:-50px}
  .index-business .business-desc{height:auto;padding:15px}
  .index-business .business-desc p{line-height:28px;font-size:18px;width:100%}
  .index-news{padding:0 15px 50px}
  .index-news .index-news-list{grid-template-columns:1fr}
  .index-news .index-news-list li{margin-top:0}
  .about-video{gap:15px}
  .about-honor{padding:15px 15px 30px;grid-template-columns:1fr 1fr}
  .about-env{padding:15px 15px 30px;grid-template-columns:1fr 1fr}
  .about-env li{margin-bottom:10px}
  .about-env li p{font-size:16px}
  .about-app li{grid-template-columns:1fr;margin-bottom:30px}
  .pro-list{grid-template-columns:1fr 1fr}
  /*.pro-list li:last-child{display:none}*/
}
@media screen and (max-width:640px){.index-header{height:50px}
  .index-header .wrap .logo{padding-left:15px}
  .index-header .wrap .logo img{max-width:60%}
  .index-header .wrap .nav-btns{width:120px;height:50px}
  .index-header .wrap .nav-btns .nav-service{display:none}
  .index-header .wrap .nav-btns .nav-search span.iconfont{font-size:24px;transition:transform .4s}
  .index-header .wrap .nav-btns .nav-menu{display:flex;align-items:center;cursor:pointer}
  .index-header .wrap .nav-btns .nav-menu span.iconfont{font-size:24px;transition:transform .4s}
  .index-header .wrap .nav-btns .nav-menu .icon-guanbi{transform:rotate(90deg);color:#6598b9}
  .index-header .wrap .nav{position:fixed;top:48px;right:0;z-index:10000;width:100%;height:100vh;padding-top:2px;transform:translate3d(-100vw,0,0);opacity:0;transition:.4s ease-in-out}
  .index-header .wrap .nav .menu{display:block;width:100%;margin:0;background-color:#fff;padding-right:0}
  .index-header .wrap .nav .menu li{display:flex;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #d9d9d9;margin:0}
  .index-header .wrap .nav .menu li:first-child a{border-right:none}
  .index-header .wrap .nav .menu li a{flex:1;line-height:50px;height:50px;color:#000;border-right:1px solid #d9d9d9;font-size:16px}
  .index-header .wrap .nav .menu li .iconfont{width:50px;height:50px;line-height:50px;color:#999;text-align:center;transition:.2s;font-size:24px;cursor:pointer}
  .index-header .wrap .nav .menu li .mobile-menu-expand-btn{display:block}
  .index-header .wrap .nav .menu li .mobile-menu-expand-btn-active{transform:rotate(180deg);color:#6598b9}
  .index-header .wrap .nav .menu li .sevNav{display:block;position:static;float:left;width:100%;border:none;opacity:1;visibility:visible;transform:translate(0);overflow:hidden;background-color:#f8f8f8}
  .index-header .wrap .nav .menu li .sevNav ul{padding:0;display:none;width:100%}
  .index-header .wrap .nav .menu li .sevNav ul .side{width:100%;text-align:left;margin:0;padding:0;border-bottom:1px solid #d9d9d9}
  .index-header .wrap .nav .menu li .sevNav ul .side:last-child{border-bottom:none}
  .index-header .wrap .nav .menu li .sevNav ul .side a{border-right:none;height:45px;line-height:45px;padding-left:20px}
  .index-header .wrap .nav .menu li .sevNav ul .side a img{display:none}
  .index-header .wrap .nav .menu li .sevNav ul .side a p{margin:0;padding:0}
  .index-header .wrap .nav-show{opacity:1;transform:translate3d(0,0,0)}
  .index-search{top:50px;padding:10px}
  .swiper-mouse{display:none}
  .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{display:none}
  .page-banner{height:140px;margin-top:50px;background-position-x:center}
  .page-nav .page-nav-wrapper .page-nav-menu dt{padding-top:15px}
  .page-nav .page-nav-wrapper .page-nav-menu dt h2{font-size:20px}
  .index-business{background-position:0 -150px}
  .index-business .business-title{height:340px}
  .index-business .business-title h1{font-size:30px;padding-top:20px}
  .index-business .business-title h4{font-size:18px}
  .index-business .business-title .business-img{bottom:-30px}
  .index-business .business-desc{height:auto;padding:15px}
  .index-business .business-desc p{line-height:28px;font-size:18px;width:100%}
  .index-product{padding:20px 0}
  .index-product .product-header{padding:0 15px}
  .index-product .product-header .product-logo{display:none}
  .index-product .product-header .product-more{font-size:18px}
  .index-product .product-header .product-title{padding-left:0}
  .index-product .product-header .product-title h1{font-size:30px}
  .index-product .product-list{padding:15px 15px 0;gap:15px}
  .index-product .product-list li>a{font-size:20px}
  .index-enterprise{padding:20px 0 0}
  .index-enterprise .enterprise-top{flex-direction:column;align-items:center}
  .index-enterprise .enterprise-top .enterprise-img{max-width:90%;width:100%;margin:10px 0 20px}
  .index-enterprise .enterprise-top .enterprise-left{padding:15px}
  .index-enterprise .enterprise-top .enterprise-left .enterprise-header .enterprise-title h1{font-size:30px}
  .index-enterprise .enterprise-top .enterprise-left .enterprise-header .enterprise-title h4{font-size:18px}
  .index-enterprise .enterprise-top .enterprise-left .enterprise-header .enterprise-more{font-size:18px;line-height:30px}
  .index-enterprise .enterprise-top .enterprise-left .enterprise-desc{font-size:18px;margin-top:15px}
  .index-enterprise .enterprise-imgs{padding-bottom:0}
  .index-enterprise .enterprise-imgs .swiper-wrapper{height:auto}
  .index-enterprise .enterprise-imgs .swiper-wrapper .swiper-slide{width:100%;height:auto;padding:15px}
  .index-enterprise .enterprise-imgs .enterprise-button-next{display:none}
  .index-enterprise .enterprise-imgs .enterprise-button-prev{display:none}
  .index-tech{margin-top:20px;background-size:contain;padding:80px 0 30px}
  .index-tech .tech-bg .tech-block{padding-bottom:15px}
  .index-tech .tech-bg .tech-block .tech-left{padding:15px}
  .index-tech .tech-bg .tech-block .tech-left .tech-text{justify-content:space-between}
  .index-tech .tech-bg .tech-block .tech-left .tech-text li{margin-right:0}
  .index-tech .tech-bg .tech-block .tech-left .tech-text li h1{font-size:20px}
  .index-tech .tech-bg .tech-block .tech-left .tech-text li h2{font-size:16px}
  .index-tech .tech-bg .tech-block .tech-left .tech-header .tech-logo{display:none}
  .index-tech .tech-bg .tech-block .tech-left .tech-header .tech-title{padding-left:0}
  .index-tech .tech-bg .tech-block .tech-left .tech-header .tech-title h1{font-size:30px}
  .index-tech .tech-bg .tech-block .tech-left .tech-header .tech-title h4{font-size:18px}
  .index-tech .tech-bg .tech-block .tech-left .tech-desc{padding:0;font-size:18px;margin-top:15px}
  .index-tech .tech-bg .tech-block .tech-right{padding:0 15px}
  .index-news .index-news-list{grid-template-columns:1fr}
  .index-news .index-news-list li{width:100%}
  .index-news .index-news-list li h4 a{font-size:20px}
  .index-news .index-news-title h1{font-size:30px}
  .index-footer{padding:30px 0 0}
  .index-footer .footer-block{flex-direction:column}
  .index-footer .footer-block .footer-menu{display:none}
  .index-footer .footer-block .footer-desc{margin:10px 0}
  .index-footer .footer-copyright{line-height:30px;margin:10px 20px}
  .page-nav{margin-bottom:110px}
  .page-content{padding:15px}
  .page-content h1{font-size:22px;padding-bottom:0}
  .page-content p{font-size:16px;line-height:28px}
  .page-content .page-tags{padding:15px 0;flex-direction:column;line-height:20px}
  .about-app li{flex-direction:column}
  .about-app li .fancybox{width:100%}
  .about-app li .about-app-content{margin-top:15px;margin-left:0}
  .about-honor li{padding:15px}
  .about-honor li p{font-size:16px}
  .pro-list li .pro-link>a{font-size:18px;padding:0 10px}
  .download-list li{padding:15px}
  .download-list li .iconfont{font-size:48px}
  .download-list li .download-content h1{font-size:20px}
  .page-contact h1{font-size:22px}
  .page-contact .contact-list{grid-template-columns:1fr}
  .page-contact .contact-list li{padding:0 0 10px 10px}
}
@media screen and (max-width:400px){.index-business{height:560px;background-position:0 -240px}
  .index-business .business-title{height:260px}
  .index-business .business-title h1{font-size:30px;padding-top:20px}
  .index-business .business-title h4{font-size:18px}
  .index-business .business-title .business-img{bottom:-30px}
  .index-business .business-desc{height:auto;padding:15px}
  .index-business .business-desc p{line-height:28px;font-size:18px;width:100%}
  .page-nav{margin-bottom:120px}
  .page-nav .page-nav-wrapper .nav-position{display:none}
}