@media screen and (max-width:1580px){
    .online_case_wrap{padding: 0 50px;}
    .online_case_wrap .prev{left: 0;}
    .online_case_wrap .next{right: 0;}
}

@media screen and (max-width:1480px) {
    .inheader .wrap_two{max-width: 1274px;}
    .onwrap{max-width: 1274px;}
    .ewrap2{max-width: 1274px;}
    .onbox2 .timg .tt{background-size: 100% auto;width: 48%;font-size: 18px;}
    .onbox3 .left li+li{margin-top: 24px;}
    .onbox4 .list li .t1{font-size: 18px;}
    .onbox4 .list li .t2{font-size: 18px;}
    .onbox4 .list li .ww{padding: 40px 20px 30px;}
}
@media screen and (max-width:1366px) {
    .onwrap{max-width: 1080px;}
    .ewrap2{max-width: 1080px;}
    .inheader .wrap_two{max-width: 1080px;}
    .onbox4 .list li{width: 25%;margin-bottom: 14px;}
    .onbox3 .left li+li{margin-top: 18px;}
    .onbox5 .list li .t1{font-size: 20px;}
    .bbcbox3 .list li .item{font-size: 16px;}
    .bbcbox3 .list li .item span{padding-left: 15px;}
    .bbcbox3 .list li .ww{height: 697px;}
    .bcbox3 .list li .tt_tl{text-align: center;}
    .bcbox3 .list li .tt2{font-size: 14px;height: 44px;}
    .social2 .list li{padding: 0 50px;}
    .social2 .list{margin: 0 -50px;}
}
@media screen and (max-width:1120px) {
    .onwrap{max-width: 900px;}
    .ewrap2{max-width: 900px;}
    .inheader .wrap_two{max-width: 900px;}
    .onbanner .title{font-size: 54px;margin: 15px 0;}
    .onbanner{padding: 200px 0 100px;}
    .online_nav li a{font-size: 20px;}
    .onbox2 .timg .tt{float: none;width: 100%;background-size: auto auto;margin-bottom: 10px;}
    .onbox2 .timg{margin-bottom: 30px;}
    .onbox5 .list li{width: 50%;}
    .bbcbox1 .list li .item{height: 220px;line-height: 220px;}
    .bbcbox3 .list li .con{padding: 20px;}
    .bbcbox3 .list li .tt{font-size: 20px;}
    .bbcbox3 .list li .ww{height: 657px;}
    .bcbox3 .list li{width: 50%;margin-bottom: 10px;}
    .social2 .list li{width: 50%;}
    .livebox2 .list li .tt1{font-size: 20px;margin-bottom: 10px;}
    .livebox2 .list li .tt2{font-size: 14px;height: 69px;}
    .livebox2 .list li .ww{padding: 176px 20px 20px;background-size: 220px auto;}
    .livebox1 .content .pic{float: none;width: 100%;text-align: center;}
    .livebox1 .ontitle h3{color: #333;}
    .livebox1 .content .txt{padding: 0 10px;}
}
@media screen and (max-width:980px) {
    .onwrap{max-width: 768px;}
    .ewrap2{max-width: 768px;}
    .inheader .wrap_two{max-width: 768px;}
    .online_nav li{width: 33.3%;margin-bottom: 6px;}
    .onbox3 .left{float: none;width: 100%;display: flex;flex-wrap: wrap;}
    .onbox3 .left li{width: 50%;margin-bottom: 20px;}
    .onbox3 .left li+li{margin-top: 0;}
    .onbox4 .list li{width: 33.3%;}
    .onbox3 .left li .tt{font-size: 16px;padding-left: 15px;line-height: 42px;}
    .onbox3 .left li .icon{width: 42px;height: 42px;line-height: 42px;}
    .onbox3 .left li .icon img{max-height: 70%;max-width: 62%;}
    .bbcbox2 .imgs .img1{display: none;}
    .bbcbox2 .imgs .img2,
    .bbcbox2 .imgs .img3,
    .bbcbox2 .imgs .img4{display: block;}
    .bbcbox3 .list{margin:0;}
    .bbcbox3 .list li{float: none;width: 100%;margin-bottom: 20px;padding: 0;}
    .bbcbox3 .list li .item span{float: none;display: inline-block;width: 120px;}
    .bbcbox3 .list li .item span:nth-child(even){width: 120px;float: none;}
    .online_case_swiper li .t1{font-size: 16px;margin-top: 16px;}
    .online_case_swiper li .t2{margin-top: 6px;}
    .online_case_swiper .swiper-pagination{display: block;}
    .online_case_wrap{padding: 0;}
    .online_case_wrap .prev{display: none;}
    .online_case_wrap .next{display: none;}
    .bbcbox3 .list li .ww{height: auto;}
    .bcbox2 .list li{width: 50%;}
    .bcbox1 .list li{width: 50%;}
    .tinbox4 .list li .tt{font-size: 20px;}
    .tinbox3 .list li{width: 100%;float: none;}
    .tinbox3 .list{margin: 0;}
    .tinbox3 .list li .ww{max-width: 590px;margin: 0 auto;}
    .livebox2 .list li{width: 50%;margin-bottom: 30px;}
    .livebox2 .list li .ww{padding: 250px 20px 30px;background-size: 300px auto;}
}
@media screen and (max-width:800px) {
    .onwrap{padding: 0 15px;}
    .ewrap2{padding: 0 15px;}
    .inheader .wrap_two{padding: 0 15px;}
    .dottitle{margin-bottom: 44px;}
    .dottitle h3{font-size: 18px;}
    .dottitle p{font-size: 14px;}
    .online_page .mtitle{font-size: 26px;padding-bottom: 20px;margin-bottom: 20px;}
    .online_case_swiper li .t1{font-size: 14px;margin-top: 10px;}
    .online_case_swiper li .t2{margin-top: 5px;}
    .onbox6{padding: 50px 0 70px;}
    .onbox7 .dottitle .more{top: 0;}
    .onbox7{padding-bottom: 50px;}
    .onbox5{padding: 60px 0;}
    .onbox3,.onbox2{padding: 60px 0;}
    .online_nav li a{font-size: 16px;height: 160px;background-size: auto 60%;}
    .onbox2 .imgs .pic2,.onbox2 .imgs .pic3,.onbox2 .imgs .pic4{display: block;}
    .onbox2 .imgs .pic1{display: none;}
    .onbox2 .imgs img{max-width: 300px;}
    .onbox2 .imgs .pic4 img{max-width: 210px;}
    .onbox2 .timg .tt{background-size: 100% auto;font-size: 15px;}
    .onbox2 .timg .tt span{width: 190px;}
    .onbox5 .list li{width: 100%;}
    .bbcbox1 .list li .item{font-size: 20px;height: 180px;line-height: 180px;}
    .bbcbox1{padding: 50px 0;}
    .ontitle h3{font-size: 24px;}
    .ontitle{margin-bottom: 30px;}
    .ontitle .subtitle{font-size: 14px;margin-top: 10px;}
    .bbcbox2{padding: 50px 0;}
    .bbcbox4 .ways li{width: 50%;}
    .bbcbox4{padding: 50px 0;}
    .bcbox2 .ontitle h3 span{background-position: left 3px;padding-left: 37px;}
    .bcbox2 .list li .t2{font-size: 14px;height: 42px;}
    .bcbox2 .list li .t1{font-size: 16px;margin-bottom: 6px;}
    .bcbox2 .list li .icon{margin-bottom: 12px;height: 50px;line-height: 50px;}
    .bcbox2 .list li .icon img{max-height: 90%;}
    .bcbox2 .list li .ww{padding: 20px 10px;}
    .bcbox2{padding: 50px 0;}
    .bcbox1 .list li .icon{font-size: 20px;height: 50px;line-height: 50px;}
    .bcbox1 .list li .icon img{max-height: 90%;margin-right: 10px;}
    .bcbox1 .list li .state{font-size: 14px;height: 66px;}
    .social3 .list li{width: 50%;padding: 0 15px;margin-bottom: 20px;}
    .social3 .list{margin: 0 -15px;}
    .social2 .list{margin: 0 -15px;}
    .social2 .list li{padding: 0 15px;margin-bottom: 60px;}
    .social2 .list li .icon{width: 54px;}
    .social2 .list li .icon img{max-width: 70%;}
    .social2 .list li .t1{font-size: 16px;margin-bottom: 10px;}
    .social2 .list li .t2{font-size: 14px;}
    .social2{padding: 50px 0 20px;}
    .social1 .list li .icon img{width: 80px;}
    .social1 .list li .tt{font-size: 18px;}
    .social1 .ontitle{margin-bottom: 50px;}
    .tinbox4 .list li .tt{font-size: 18px;margin-top: 6px;}
    .tinbox4 .list li .icon img{max-height: 40px;height: 50px;line-height: 50px;}
    .tinbox4 .list li{margin-bottom: 40px;}
    .tinbox3 .list li .icon{width: 78px;line-height: 78px;height: 78px;}
    .tinbox3 .list li .icon img{max-width: 50%;}
    .tinbox3 .list li .con{padding-left: 20px;}
    .tinbox3 .list li .ww{padding: 40px 20px;}
    .tinbox3 .list li{margin-bottom: 30px;padding: 0;}
    .tinbox3{padding: 50px 0 30px;}
    .tinbox2 .list li{width: 50%;margin-bottom: 15px;}
    .livebox2{padding: 50px 0 10px;}
    .livebox1 .content .pic img{max-width: 250px;}
    .livebox1 .content .icon img{height: 30px;margin-right: 15px;}
    .livebox1 .content .icon{line-height: 30px;padding-bottom: 10px;font-size: 18px;}
    .livebox1 .content .items span{font-size: 14px;padding:8px 0 8px 16px;margin-right: 12px;}
    .livebox1 .content .list{padding: 20px 15px 15px;}
    .livebox1{padding: 50px 0 10px;background-size: auto 300px;}
}
@media screen and (max-width:640px) {
    .onbanner{padding: 120px 0 60px;}
    .onbanner .title{font-size: 32px;margin: 10px 0;}
    .onbanner .entitle{font-size: 14px;}
    .onbanner .subtitle{font-size: 16px;}
    .onbanner .line{width: 34px;}
    .dottitle{margin-bottom: 30px;}
    .online_nav li{width: 50%;}
    .online_nav li a{height: 120px;padding: 0 12px;}
    .onbox1{padding: 50px 0;}
    .onbox4 .list li .icon{height: 100px;line-height: 100px;margin-bottom: 20px;}
    .onbox4 .list li .icon img{max-height: 60%;max-width: 60%;}
    .onbox4 .list li{width: 50%;}
    .onbox4 .list li .t1{font-size: 16px;}
    .onbox4 .list li .t2{font-size: 16px;height: auto;}
    .onbox4 .list li .ww{padding: 20px 10px 30px;}
    .onbox4{padding: 50px 0;}
    .onbox5 .list li .pic{width: 48%;}
    .onbox5 .list li .t1{font-size: 16px;margin-bottom: 8px;}
    .onbox5 .list li .t2{font-size: 14px;line-height: 1.6;}
    .onbox5 .list li .ww{padding: 20px 0;}
    .bbcbox1 .list li .item {
        font-size: 16px;
        height: 120px;
        line-height: 120px;
    }
    .bbcbox3 .list li .item{font-size: 14px;}
    .bbcbox3 .list li .item span{margin-bottom: 10px;background-size: 6px auto;padding-left: 10px;width: 80px;margin-right: 10px;}
    .bbcbox3 .list li .item span:nth-child(even){width: 80px;}
    .bbcbox3 .list li .tt{font-size: 18px;margin-bottom: 15px;}
    .bbcbox3{padding: 60px 0;}
    .bbcbox4 .ways li .ww{padding: 20px 10px;}
    .bbcbox4 .ways li .tt{font-size: 16px;margin-top: 16px;}
    .bbcbox4 .ways li .icon{height: 50px;line-height: 50px;}
    .bbcbox4 .ways li .icon img{max-height: 90%;}
    .bbcbox2 .imgs .img2 img,.bbcbox2 .imgs .img3 img, .bbcbox2 .imgs .img4 img{max-width: 86%;}
    .bcbox1 .list li .ww{padding: 20px 15px;}
    .bcbox1{padding: 50px 0;}
    .social3{padding: 50px 0 30px;}
    .social1 .list li+li{border: none;}
    .social1 .list li{width: 50%;margin-bottom: 30px;}
    .social1 .list li .tt{font-size: 16px;}
    .social1{padding: 50px 0 30px;}
    .tinbox4 .list li{width: 33.3%;margin-bottom: 20px;}
    .tinbox4{padding: 50px 0 30px;}
    .tinbox4 .list li .tt{margin-top: 4px;}
    .tinbox3 .list li .t1{font-size: 20px;margin-bottom: 8px;}
    .tinbox3 .list li .t2{font-size: 14px;}
    .tinbox2 .list li .ww{padding: 30px 15px;}
    .tinbox2 .list li .icon{height: 50px;line-height: 50px;margin-bottom: 12px;}
    .tinbox2 .list li .icon img{max-height: 90%;}
    .tinbox2 .list li .tt{font-size: 18px;}
    .tinbox2{padding: 50px 0;}
    .tinbox1 {padding: 50px 0;}
    
}
@media screen and (max-width:540px) {
    .onbanner .title{font-size: 24px;}
    .onbanner .entitle{font-size: 12px;font-weight: normal;}
    .onbanner .subtitle{font-size: 14px;}
    .onbanner{padding: 110px 0 40px;}
    .online_page .mtitle{font-size: 24px;}
    .bbcbox1 .list li.w1{width: 100%;}
    .bbcbox1 .list li.w1 .item{height: 150px;line-height: 150px;}
    .ontitle h3{font-size: 18px;}
    .onbox4 .list li .t1{font-size: 14px;}
    .onbox4 .list li .t2{font-size: 14px;margin-top: 12px;}
    .onbox4 .list li .icon{margin-bottom: 6px;height: 80px;line-height: 80px;}
    .bcbox3 .list li .ww{padding: 20px 5px 20px 10px;height: 200px;}
    .bcbox3 .list li .icon{height: 48px;line-height: 48px;}
    .bcbox3 .list li .icon img{max-height: 30px;}
    .bcbox3 .list li .tt{font-size: 16px;}
    .bcbox3 .list li .tt2{height: auto;}
    .bcbox2 .ontitle h3 span{background-size: 23px auto;padding-left: 30px;background-position: left 2px;}
    .bcbox2 .list li{width: 100%;}
    .bcbox2 .list{margin: 0;}
    .bcbox2 .list li .t2{height: auto;}
    .bcbox1 .list li{width: 100%;}
    .bcbox1 .list li .state{height: auto;}
    .bcbox1 .list{margin: 0;}
    .bcbox1 .list li .icon{height: 40px;line-height: 40px;}
    .bcbox1 .list li .icon img{max-height: 32px;}
    .social3 .list li .ww{height: 80px;line-height: 80px;}
    .social3 .list li .ww span{font-size: 16px;}
    .social3 .list li .ww img{width: 30px;margin-right: 8px;}
    .tinbox3 .list li .ww{padding: 30px 15px;}
    .tinbox3 .list li .icon{width: 64px;height: 64px;line-height: 64px;}
    .tinbox3 .list li .con{padding-left: 15px;}
    .tinbox3 .list li{margin-bottom: 20px;}
    .livebox2 .list li .ww{padding: 190px 15px 20px;background-size: 235px auto;}
}
@media screen and (max-width:375px) {
    .onwrap{padding: 0 10px;}
    .ewrap2{padding: 0 10px;}
    .inheader .wrap_two{padding: 0 10px;}
    .livebox2 .list li .ww{background-size: 190px auto;padding-top: 150px;padding-bottom: 10px;}
    .livebox2 .list li .tt1{font-size: 18px;}
    .livebox2 .list li .tt2{height: 92px;}
}