@media (max-width: 1600px){
    #index-banner{height: auto;}
    #index-banner .in-banner .bg{height: auto; background: none!important;}
    #index-banner .in-banner .img{display: block;}
    #index-banner .in-banner .img img{display: block; width: 100%; height: auto;}


    .inside-banner{height: auto;}
    .inside-banner .bg{height: auto; background: none!important}
    .inside-banner .bg img{display: block; width: 100%; height: auto;}


    .team1 .timg{height: auto;}
    .team1 .timg .bg{height: auto; background: none!important;}
    .team1 .timg .bg img{display: block; width: 100%; height: auto;}

} 

@media (max-width: 1500px){
    .header .con{width: 1300px;}
    .header .logo{width: 210px; margin-top: 22px;}
    .header .nav{margin-left: 80px; }
    .header .nav ul .nLi{width: 100px; font-size: 16px;}
    .header .nav ul .nLi .sub {width: 100px;}
    .header .nav ul .nLi .sub li{font-size: 14px;}

    .floornav ul li{font-size: 14px;}

    .about4 .sub4 p{font-size: 14px;}


    .index3 .part3-one{margin-bottom: 100px;}
} 


@media (max-width: 1370px){
    .header .con{width: 1200px;}
    .header .logo{width: 190px; margin-top: 26px;}
    .header .nav{margin-left: 50px;}
    .header .nav ul .nLi{font-size: 14px;}
    .header .nav ul .nLi .sub li{font-size: 13px;}


    .index1{padding: 70px 0;}
    .index1 .bt h1{font-size: 32px;}
    .index1 .part1 ul li .wz{font-size: 20px;}

    .index2{padding: 70px 0;}
    .index2 .bt2{font-size: 50px;}
    .index2 .part2 ul li h1 b{font-size: 50px;}
    .index2 .part2 ul li .wz .line{margin-top: 30px;}

    .index3{padding: 70px 0;}
    .index3 .part3-one{margin-bottom: 70px;}
    .index3 .part3-2 .box ul li .txt{margin-top: 15px;}
    .index3 .part3-2 .box ul li .txt .tables .cells{font-size: 16px;}


    .index4{padding-bottom: 70px;}


    .about1 .subs p{font-size: 16px;}
    .about1 .subs .img{margin-top: 70px;}

    .about2{padding: 70px 0;}
    .about2 .sub2 .big{font-size: 40px;}
    .about2 .sub1 .small{font-size: 25px;}

    .about3 .subs p{font-size: 16px;}

    .about4 .sub4 p{font-size: 16px;}

    .bt4{margin-bottom: 60px;}
    .case2 .home ul li{margin-right: 30px;}
    .case2 .home ul li a{font-size: 16px;}
    .case2 .box ul li .txt .tables .cells{font-size: 16px;}

    .casexq .nr p{font-size: 16px;}


    .view1 .vbox .vs ul li .txt .table .cell p{font-size: 34px;}
    .view1 .vbox .vs1{font-size: 35px; height: 120px; line-height: 120px;}

    .view2 .nr p{font-size: 16px;}

    .service1 .nr p{font-size: 16px;}


    .service2 .nr p{font-size: 16px;}

    
    .service3 .nr p{font-size: 16px;}


    .join1 .zp ul li .nr span{font-size: 16px;}
    .join1 .zp ul li .nr1 p{font-size: 16px;}


    .join2 .lxbox .formbox p{font-size: 16px;}


    .team2 .zinfo ul li .robox .nr{font-size: 16px;}
    .team2 .zinfo ul li .robox .nimg h1{font-size: 16px;}




} 


@media (max-width: 1200px){
    .index1 .part1 ul li .wz{font-size: 18px;}

    .index3 .part3-2 .xbt{margin: 40px 0;}
}


@media (max-width: 1100px){
    .footer p{font-size: 16px;}
  
}   



@media (max-width: 1000px){
    .index1 .part1 ul li .wz{font-size: 16px;}

    .view1 .vbox .vs ul li{max-width: 100%; margin: 0 1.6%;} 

  
}   


@media (max-width: 900px){
    .header{display: none;}

    .phone{display: block;}
    #cd-menu-trigger{display: block; padding-top: 20px;}

    #index-banner .swiper-button{width: 30px; height: 30px;}
    #index-banner .swiper-pagination .swiper-pagination-bullet{width: 8px; height: 8px;}


    .index1 .part1 ul li{width: 50%; margin-bottom: 20px;}
    .index1 .part1 ul li:nth-child(2n){margin-top: 0;}

    .index2 .part2 ul li{width: 50%;}

    .floornav{display: none!important;}


    #CuPlayer div.CuPc{height:500px;}
    #CuPlayer div.CuMob{height:500px;}
    #CuPlayer div.CuPad{height:500px;}

    .case2 .home{margin: 25px 0;}
    .case2 .home ul li{float: left; width: 33.333%; margin-bottom: 25px; margin-right: 0;}
    .case2 .home ul li a{font-size: 14px;}

    .view1 .vbox .vs ul li{background-size: 100% 100%;}
    .view1 .vbox .vs ul li .txt .table .cell p{font-size: 25px;}
    .view1 .vbox .vs1{font-size: 30px; margin-top: 60px;}
    .view1 .vbox1{margin-bottom: 30px;;}

    
}  
@media (max-width: 768px){
    .index1{padding: 30px 0;}
    .index1 .bt{margin-bottom: 25px;}
    .index1 .bt h1{font-size: 22px; letter-spacing: 4px}
    .index1 .bt .line{margin: 15px auto;}
    .index1 .bt h2{font-size: 16px;}
    .index1 .bt .bline{margin-top: 30px;}
    .index1 .part1 ul li .img{width: 90%;}
    .index1 .part1 ul li .wz{font-size: 14px;}
    .index1 .part1 ul li .wz h2{font-size: 12px;}
    

    .index2{padding: 30px 0 15px 0;}
    .index2 .bt2{font-size: 35px; letter-spacing: 4px; margin-bottom: 25px;}
    .index2 .part2 ul li{margin-bottom: 20px;}
    .index2 .part2 ul li h1{font-size: 14px;}
    .index2 .part2 ul li h1 b{font-size: 25px;}
    .index2 .part2 ul li .wz h2{font-size: 14px;}
    .index2 .part2 ul li .wz .line{margin: 20px auto 15px auto;}

    .index3{padding: 30px 0;}
    .bt3{max-width: 240px; margin-bottom: 25px;}
    .bt3 span{font-size: 25px;}
    .index3 .part3-one{margin-bottom: 40px;}
    .index3 .part3-1 .img{float: none; width: 100%; height: auto; margin-bottom: 15px; background: none!important;}
    .index3 .part3-1 .img img{display: block; width: 100%; height: auto;}
    .index3 .part3-1 .nr{float: none; width: 100%;font-size: 14px; line-height: 30px;}
    .index3 .part3-2 .xbt{margin: 25px 0; font-size: 18px;}
    .index3 .part3-2 .xbt i{top: 12px; margin-right: 10px;} 
    .index3 .part3-2 .box ul li{width: 48.2%; margin-bottom: 25px;}


    .index4{padding-bottom: 30px;}

    .footer{padding: 30px 0;}
    .footer p{font-size: 14px;}

    .about1{padding: 30px 0;}
    .about1 .subs p{font-size: 14px;}
    .about1 .subs img{display: block; width: 100%; height: auto;}
    .about1 .subs .img{margin-top: 30px;}

    .about2{padding: 30px 0;}
    .about2 .sub2 p:nth-child(2){margin-top: 15px;}
    .about2 .sub2 .big{font-size: 25px;}
    .about2 .sub2 .small{font-size: 20px; margin-top: 15px;}

    .about3{padding: 30px 0;}
    .about3 .sub3 p{font-size: 14px;}
    .about3 .sub3 p img{display: block; width: 100%; height: auto;}

    .about4{padding-top: 0; padding-bottom: 30px;}
    .about4 .sub4 p{font-size: 14px;}
    .about4 .sub4 p img{display: block; width: 100%; height: auto;}

    .case1{padding:30px 0;}
    #CuPlayer div.CuPc{height:300px;}
    #CuPlayer div.CuMob{height:300px;}   
    #CuPlayer div.CuPad{height:300px;}

    .bt4{width: 320px; margin-bottom: 25px;}
    .bt4 span{font-size: 22px; letter-spacing: 2px;}

    .case2{padding-bottom: 30px;}
    .case2 .box ul li{width: 48.2%; margin-bottom: 25px;}
    .case2 .box ul li .txt{margin-top: 15px;}

    .casexq {padding: 30px 0;}
    .casexq .bt5 h1{font-size: 22px;}
    .casexq .bt5 span{margin: 20px 0 30px 0; font-size: 12px;}
    .casexq .nr p{font-size: 14px;}
    .casexq .nr p img{display: block; width: 100%; height: auto;}

    .view1{padding: 30px 0;}
    .view1 .xbt{font-size: 18px; margin-bottom: 25px;}
    .view1 .xbt i{top: 12px; margin-right: 10px;}
    .view1 .vbox .vs ul li{height: 130px;}
    .view1 .vbox .vs ul li .txt .table .cell p{font-size: 18px;}
    .view1 .vbox .vs1{box-sizing: border-box; padding: 15px 10px; font-size:20px; height: auto;line-height: 30px;margin-top: 25px;}
  

    .bt6{max-width: 250px; margin-bottom: 25px;}
    .bt6 span{font-size: 25px;}


    .view2{padding: 30px 0;}
    .view2 .nr p{font-size: 14px;}

    .service1{padding: 30px 0;}
    .service1 .nr p{font-size: 14px;}
    .service1 .nr p img{display: block; width: 100%; height: auto;}

    .service2{padding-bottom: 30px;}

    .service3{padding: 30px 0;}
    .service3 .cust .swiper-slide .txt{width: 80%;}
    .service3 .cust .swiper-slide .txt p{font-size: 14px;}

    .join1{padding: 30px 0;}
    .bt7{margin-bottom: 25px; font-size: 22px;}
    .join1 .zp .zptxt{font-size: 22px; margin-bottom: 25px;}
    .join1 .zp ul li{margin-bottom: 25px;}
    .join1 .zp ul li .wz{margin-bottom: 18px;}
    .join1 .zp ul li .nr span{font-size: 14px; width: 50%;}
    .join1 .zp ul li .nr1 p{font-size: 14px;}

    .join2{padding: 30px 0;}
    .join2 .lxbox h1{font-size: 20px; margin-bottom: 20px;}
    .join2 .lxbox .formbox p{font-size: 14px;}
    .join2 .lxbox .formbox p span{margin-right: 10px;}
    .join2 .lxbox .formbox p input{width: 75%;}
    .join2 .lxbox .formbox .p5 input{width: 120px;}
    .join2 .lxbox .formbox .btn button{font-size: 16px;}

    .join3{padding-top: 30px;}
    #map{height: 350px!important;}

    .team1{padding: 30px 0;}
    .team1 .timg .swiper-button{font-size: 50px;}
    .team1 .timg .swiper-pagination .swiper-pagination-bullet{width: 8px; height: 8px;}
    .team1 .timg .swiper-button-prev{left: 2%;}
    .team1 .timg .swiper-button-next{right: 2%;}


    .team2{padding: 30px 0;}
    .team2 .zinfo ul li{padding: 20px 0;}
    .team2 .zinfo ul li .robox .nr{font-size: 14px; float: none; width: 100%;}
    .team2 .zinfo ul li .robox .nr .rw{margin-bottom: 20px;}
    .team2 .zinfo ul li .robox .nr .rw i{position: relative; top: -2px;}
    .team2 .zinfo ul li .robox .nr .rwbox{margin-bottom: 20px;}
    .team2 .zinfo ul li .robox .nimg{float: none; width: 80%; max-width: 320px; margin: 0 auto 20px auto; padding: 0;}
    .team2 .zinfo ul li .robox .nimg h1{font-size: 14px; margin-top: 20px; line-height: 25px;}
    .team2 .zinfo ul li:nth-child(even) .robox .nr{float: none;}
    .team2 .zinfo ul li:nth-child(even) .robox .nimg{float: none;}
    .team2 .zinfo ul li:nth-child(even) .robox .nr .rw {text-align: left;}
    .team2 .zinfo ul li:nth-child(even) .robox .nr .rw i{float: left; margin: 0; margin-right: 20px; background-image: url(../images/team-02.png);}
    .team2 .zinfo ul li:nth-child(even) .robox .nr .nrbox{text-align: left; margin: 0; margin-left: 50px;}

   
    
    
 




    


}


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

@media  (max-width: 480px){
  
    

}
@media (max-width: 360px){
    .join2 .lxbox .formbox p input{width: 70%;}
}