@media(max-width: 1600px){
    .index1 h1,.index2 h1,.index3 h1{font-size: 2.8vw;}
    .index1 span,.index2 span,.index3 span{font-size: 25px;}
    .all2{padding-top: 70px;padding-bottom: 100px;}
    .sypro{margin-top: 80px;margin-bottom: 50px;}
    .sypro1 .swiper-slide h1,.pic1 h2,.synews li h1,.news li h1{font-size: 18px;}
    .index2a li a{padding: 0 10px;}
    .all3{padding-top: 70px;}
    .synews li p,.news li p{line-height: 25px;height: 50px;}
    .synews li span,.news li span{margin-top: 30px;}
    .synews li h1,.news li h1{margin-top: 10px;}
    .pic1{padding:0;}
    .lista{margin-top: 100px}
    .lista a{height: 45px;line-height: 45px;font-size: 18px;width: 13%;}
    .pro li h1{font-size: 20px;}
    .pro li{margin-top: 60px;}
    .window1{height: 600px;margin-top: -300px;}
    .about{margin-top: 100px}
    .about2 img{height: 90px;}
    .recruit1{width: 10%}
    .recruit1 img{width: 55px;height: 55px;}
    .recruit1 h2{width: 20px;height: 25px;}
    .recurit2{width: 80%;padding-top: 30px;}
    .recruit3a{padding: 20px;}
    .recruit3a dt{width: 30%;margin-top: 10px;}
    .recruit3b{padding: 0 20px;}
    .fenye{margin-top: 80px;height: 75px;line-height: 75px;}
    .fenye li{line-height: 75px}
    .fenye1{line-height: 75px;}
    .fenye1 img{margin-top: 30px;}
    .other{margin-top: 80px;}
    .other1 li{height: 70px;line-height: 70px;}
    nav li h1 a{font-size: 16px;}
    nav li{margin-right: 50px;}
    .logo img{height: 50px;}
    header{top: 25px;}

    .list ul li{margin-right: 30px;}
    .case li h1{font-size: 18px;}
    .index1 h1,.index2 h1,.index3 h1{line-height: 40px;}
}
@media(max-width: 1440px){
    .about2 img{height: 80px;}
    .window2 .owl-prev,.window2 .owl-next{top: 10vw}
    .index3 a{width: 45px;height: 45px;line-height: 45px;}
    .nav-open ul h1{font-size: 28px;}
    .nav-open ul dl dt{margin-top: 18px}
    .open-home img{width: 70px;}
    .float li h2{width: 80px;}
    .list ul li{margin-right: 25px}
    .nav-open ul{margin-left: 10%}
}
@media(max-width: 1366px){
    .window1{width: 900px;margin-left: -450px;height: 500px;margin-top: -250px;}
    .window3{line-height: 25px;}
    .window2 .owl-carousel{width: 50%}
    .window2 .owl-prev,.window2 .owl-next{width: 35px;height: 35px;top: 5vw;background-size: 8px;}
    .index2a li a{font-size: 14px;padding: 0 8px;}
}
@media(max-width: 1024px){
    .width{width: 94%}
    .banner,.sypro1{display: none}
    .banner-phone,.sypro1-phone,.head-phone{display: block;}
    .sypro{width: 94%;margin: auto;margin-top: 0;}
    .left,.index1a,.all2e,.all2d .owl-theme .owl-controls,.left1,.prode-pic .owl-theme .owl-controls{display: none;}
    .right{width: 100%;float: none;margin: auto}
    .index1{width: 100%;float: none;text-align: center;}
    .pic1{padding: 0;}
    .index1 h1, .index2 h1, .index3 h1{font-size: 35px;}
    .index1 span, .index2 span, .index3 span{font-size: 20px;}
    .all2{padding-top: 50px;padding-bottom: 50px;margin-top: 50px;}
    .all2a{width: 94%}
    .index2{width: 100%;float: none;text-align: center;}
    .index2a{width: 100%;float: none;text-align: center;}
    .all2d{width: 100%;float: none;margin-top: 30px;}
    .all3{padding-top: 30px;width: 94%;margin: auto;}
    .all2d .owl-carousel{padding-bottom: 0}
    .all3a{height: 90px;}
    .logo1{width: 180px;margin-left: -90px;top: -45px;}
   
    header{display: none}
    .nav-open{width: 90%;margin-top: 15vw}
    .nav-open ul h1{font-size: 20px;}
    .nav-open ul dl dt{margin-top: 10px;}
    .list{height: 60px;text-align: center;}
    .list ul li{line-height: 60px;margin: 0 5px;}
    .lista{margin-top: 40px;}
    .lista a{font-size: 16px;}
    .pro li h1{margin-top: 15px;font-size: 16px;}
    .pro li{margin-top: 30px;}
    .all4{margin-bottom: 120px;}
    .prode{margin-top: 50px;}
    .content3{margin-top: 20px;}
    .title3{padding-bottom: 15px;}
    .case li{margin-top: 30px;}
    .window2 .owl-carousel{width: 70%}
    .window1{height: 600px;margin-top: -300px;}
    .about{margin-top: 50px;}
    .about2 img{height: 55px;}
    .about2{left: 3%}
    .about1{width: 86%}
    .about3{margin-top: 40px;width: 100%;}
    .recruit1{display: none;}
    .recurit2{width: 100%;float: none;padding-top: 0;}
    .recruit{width: 100%}
    .recruit3{width: 94%}
    .news li{margin-top: 30px;}
    .news li p{margin-top: 10px;}
    .newsde{width: 100%;margin-top: 40px;}
    .content1{margin-top: 30px;}
    .fenye,.other{margin-top: 30px;}
    .other1{margin-top: 30px;}
    .nav-open ul dl dt a{font-size: 16px;}
    .pump{margin-top: 50px;}
    .index4 p{font-size: 25px;line-height: 25px;}
    .pump1{width: 100%;margin-top: 50px;}
    .pump1b_1{line-height: 25px;}
    .pump1a h1,.pump1b_2 h1{font-size: 16px;}
    .pump2{width: 100%;}
    .index5{margin-top: 50px;}
    .ua{background: none;}
    .pump3{line-height: 30px;}
    .system,.system1,.system2{margin-top: 50px;}
    .system2a{left: 3%;width: 35%;}
    .system2d h1{width: 40px;height: 40px;line-height: 40px;font-size: 20px;}
    .system2b{width: 62%;height: 20vw}
    .system2d_1 h2{font-size: 20px;line-height: 40px;}
    .system2d_2{line-height: 25px;}
    .system2d_2 p{font-size: 14px;}
    .three{margin-bottom: 100px;}
    .three h1{width: 40px;height: 40px;line-height: 40px;font-size: 20px;}
    .three h2{font-size: 20px;line-height: 40px;}
    .three p{line-height: 40px;margin-left: 20px;}
    .phone1 h1{font-size: 18px;}
    .phone1{margin-top: 40px;}
    .phone2a h1,.phone3a h1,.phone4a h1{width: 40px;height: 40px;line-height: 40px;font-size: 20px;}
    .phone2a h2,.phone4a h2{font-size: 20px;line-height: 40px;}
    .phone2a p{line-height: 40px;margin-left: 15px;}
    .phone3a h2{font-size: 20px;line-height: 40px;}
    .phone3a ul,.phone4a ul{width: 94%}
    .phone3a ul li{width: 49%;margin: 0;float: left;margin-top: 15px;}
    .phone3a ul li:nth-of-type(2n){float: right}
    .phone4a ul img{width: 32%;margin: 0 0.5%}
    .phone4a ul{margin-top: 50px;}
    .phone3d h3{font-size: 18px;}
    .phone5b{font-size: 14px;}
    .phone5a ul img{width: 22%;margin: 0 1%}
    .window2 .owl-prev, .window2 .owl-next{top: 12vw}
    .synews li span, .news li span{margin-top: 15px;}
    .page{margin-top: 40px;}
}
@media(max-width: 640px){
    .head-phone{padding: 5px 3%}
    .logo-phone img{height: 35px;}
    .head1-phone{margin-top: 11px;}
    .menu-phone{margin-top: 12px;}
    .head1-phone img{width: 20px;}
    .pic1 img{height: auto;}
    .sypro1-phone{display: none;}
    .sypro1-phone-1{display: block;}
    .index1 h1, .index2 h1, .index3 h1{font-size: 25px;line-height: 25px;}
    .index1 span, .index2 span, .index3 span{font-size: 18px;}
    .synews li{width: 100%;float: none;margin: 0;margin-top: 20px;}
    .index3 a{display: none}
    .synews{margin-top: 0}
    .nav-open dl{display: none;}
    .nav-open ul{display: block;width: 100%;margin-left: 0;text-align: center;margin-top: 20px;}
    .sou1{width: 94%}
    .list{white-space: nowrap;overflow-x: auto}
    .list ul{display: inline-block;vertical-align: top}
    .case li{width: 49%;margin: 0;margin-top: 15px;}
    .case li:nth-of-type(2n){float: right}
    .case li h1{font-size: 14px;}
    .window1{width: 94%;margin-left: -47%;height: 500px;margin-top: -250px;}
    .window2 .owl-carousel,.window3{width: 94%}
    .window2 .owl-theme .owl-controls,.about2{display: none}
    .about{background: none;padding-bottom: 0;margin-top: 20px;}
    .about1{width: 100%;float: none;}
    .recruit3a{padding: 10px 0;}
    .recruit3a dt{width: 100%}
    .recruit3b{padding: 0;}
    .recruit li{margin-top: 30px;}
    .recruit3b h1{font-size: 16px;}
    .news li{width: 100%;float: none;margin-left: 0;}
    .title1 h1{font-size: 20px;}
    .title1 span{margin-top: 10px;}
    .newsde{margin-top: 30px;}
    .other1 li span{display: none;}
    .other1 li p{position: static;top: auto;margin-top: 0;left: auto;margin-left: auto;float: right}
    .other1 li{height: 50px;line-height: 50px;}
    .other1 li p{font-size: 14px;}
    .other1{margin-top: 10px;}
    .lista a{width: 30%;margin: 0 1%;height: 40px;line-height: 40px;}
    .pro li{width: 49%;float: left;margin-left: 0}
    .pro li:nth-of-type(2n){float: right}
    .prode-pic{display: none;}
    .prode1{width: 100%;float: none;}
    .title3{font-size: 20px;margin-top: 20px;}
    .system li h1{width: 70px;height: 70px;background-size: 30px;}
    .system .on5 h1{background-size: 30px;}
    .system li:nth-of-type(2) h1{background-size: 30px;}
    .system li span{font-size: 16px;}
    .system, .system1, .system2{margin-top: 35px;}
    .system1 h1{font-size: 18px;}
    .system2a{width: 94%;position: static;top: auto;left: auto;margin: auto;height: 85vw;}
    .system2 li{height: auto;margin-top: 15px;}
    .system2b{width: 100%}
    .system2d_1{width: 85%}
    .system2d{width: 94%;float: none;margin-left: 0;margin: auto;}
    .system2c{padding: 10px 0}
    .three{margin-top: 20px;margin-bottom: 30px;}
    .three p{font-size: 14px;line-height: 20px;margin-top: 20px;}
    .system2 li:nth-of-type(2n) .system2b .system2d{margin-right: 0;margin: auto;float: none}
    .phone2{margin-top: 30px;padding-top: 30px;}
    .phone2a p{line-height: 20px;margin-top: 15px;}
    .phone2a ul img,.phone1 ul img{width: 30%;margin: 0 1%}
    .phone2a ul{margin-top: 20px;}
    .phone3a ul li{width: 100%}
    .phone3d{padding: 15px 15px;line-height: 25px;}
    .phone4,.phone3{margin-top: 30px;}
    .phone4a ul img{width: 100%;margin: 0;margin-top: 10px;}
    .phone5{margin-top: 30px;padding-top: 30px;}
    .phone5a p{font-size: 16px;line-height: 20px;margin-top: 15px;}
    .phone5a ul{margin-top: 30px;}
    footer{display: none}
    .foot4{height:auto;line-height: 2;padding:20px;}
    .foot4a{width:100%;}
    .foot4b{float:none;}
    .foot4c{float:none;}
}