@media screen and (min-width:1921px){
    .hidden-pro{display:none!important;}
    html{font-size:62%;}

    .plStyle .zxbox1{top: 38%;left: 0;}
    .plStyle .zxbox2{top: 18%;left: 16%;}
    .plStyle .zxbox3{top: 44%;right: 8%;}
    .plStyle .zxbox4{bottom: 7%;left: 56%;}
    .plStyle .zxbox5{top: 14%;left: 57%;}
    .plStyle .zxbox6{top: 34%;left: 43%;}
    .plStyle .zxbox7{top: 54%;right: 50%;}
    .plStyle .zxbox9{bottom: 15%;left: 5%;}
    .plStyle .zxbox8{bottom: 0;left: 24%;}
    .plStyle .zxbox10{bottom: 0;right: 2%;}
    .plStyle .zxbox11{top: 0;left: 37%;}

}
@media screen and (min-width: 1600px) and (max-width: 1920px) {
    .warpper{width: 94%!important;}
    .hidden-pro{display:none!important;}
    html{font-size:63%;}
    /*index*/

    .banText .banTitle{font-size:4rem}
    .banImg img{max-width:58%;max-height: 25vw}
    .server ul li{height: 458px;}
    .server ul li>img{max-width:70%}
    .zcont_ul li>img{width: 50px;}
    .zcont_ul li{height: 118px;}
    .znewsTop>a>b{height: 28vw;}

    .znewsTop>a>p{line-height: 40px;}

    .plStyle .zxbox1{top: 7.8vw;left: 4vw;}
    .plStyle .zxbox2{top: 2.3vw;left: 17vw;}
    .plStyle .zxbox3{top: 10vw;left: 75vw;}
    .plStyle .zxbox4{bottom: 4vw;left:50vw}
    .plStyle .zxbox5{top: 2.2vw;left: 63vw;}
    .plStyle .zxbox6{top: 6.5vw;left: 43.5vw;}
    .plStyle .zxbox7{top: 11.2vw;left: 27vw;}
    .plStyle .zxbox9{bottom: 6vw;left: 9vw;}
    .plStyle .zxbox8{bottom: 1vw;left: 22vw;}
    .plStyle .zxbox10{bottom: 0;left: 70vw;}
    .plStyle .zxbox11{top: 0;left: 40vw;}


}
@media screen and (min-width: 1400px) and (max-width: 1599px) {
    .warpper{width: 94%!important;}
    .hidden-lg{display:none!important;}
    html{font-size:53%;}

    .plStyle .zxbox1{top: 38%;left: 0;}
    .plStyle .zxbox2{top: 18%;left: 16%;}
    .plStyle .zxbox3{top: 44%;right: 8%;}
    .plStyle .zxbox4{bottom: 7%;left: 56%;}
    .plStyle .zxbox5{top: 14%;left: 57%;}
    .plStyle .zxbox6{top: 34%;left: 43%;}
    .plStyle .zxbox7{top: 54%;right: 50%;}
    .plStyle .zxbox9{bottom: 15%;left: 5%;}
    .plStyle .zxbox8{bottom: 0;left: 24%;}
    .plStyle .zxbox10{bottom: 0;right: 2%;}
    .plStyle .zxbox11{top: 0;left: 37%;}



    .btn02Style01{
        width: 171px;
    }
    .btn02Style02{width: 154px;}



    .btn02Style{
        height: 45px;    border-radius: 45px;
    }
    .btn02Style{padding:0px 5px 0px 14px;}
    .btn02Style i{
        width: 35px;
        height: 35px;
    }
    .btn02Style03{
        width: 176px;
        padding:0px 5px 0px 18px;
    }


    .btn02Style span{font-size: 1.6rem;}
    .caseWeb{
        height: 45vw;
    }

    .nav-bar .warpper{height:100px}
    .downlist{top:100px}
    .znewsinfo01{padding-top: calc(100px + 3vw);}

    .nav-bar ul li a{
        font-size: 1.9rem;
    }
    .zbanner{height:28vw;}
    .znewsTop>a>b{height: 28vw;}
    .znewsTop>a>p{line-height: 35px;}

    .form_left{width: 410px;}
    .formbgshow .formCont{padding-left: 380px;}
    .form_right{
        width: 620px;
        padding:2.5vw 3vw;
    }
    .serchose li{
        margin-right: 5px;
        margin-bottom: 7px;
        padding: 7px 17px;
    }
    .option-item{
        margin-right: 20px;
    }
    .form_l_top h3{    font-size:3.4rem;}
    /*index*/
    .topMsg{
        width: 100px;}
    .logo a img{max-width: 157px;max-height: 40px;}
    .title h2,
    .zbanner h2,
    .swipercoop .swiper-slide .warpper>h3,
    .serCoop .warpper>h2,
    .serLc h2,
    .ztitle,
    .case_pl .warpper>h2,
    .zinfo_tit>h2, .infoAboutNews .warpper>h2,
    .banText .banTitle{font-size:4rem}
    .banImg img{max-width:58%;max-height: 25vw}
    .server ul li{height: 393px;}
    .server ul li>img{max-width:70%;bottom: 15px;}
    .caseStyle li a{height: 360px;}
    .indexcom ul li p{line-height:65px}
    .promotion_ser ul li,
    .sentiment05 ul li,
    .indexcoop ul li{height:108px}
    .innews_bom a{margin-bottom:20px}
    .fot_left_bom>p{line-height: 25px;}
    .fot_left_top li a p{margin-top: 11px;}

    /*server*/
    .zbanner p{font-size:2rem}
    .serLc ul li{padding-top:20px;padding-bottom:57px}
    .swiperNews .swiper-slide a>h4{height:65px}


    /*推广运营*/
    .promotion_div>div>img,.sen01 li img{max-height:30px}
    .promotion_div>div>p{font-size:3.2rem;margin-left:15px}
    .promotion_div>h5,.sen01_ul>h5{font-size:3.8rem}
    .promotion_div>small,.sen01_ul>small{font-size:2.4rem}

    /*sentiment*/
    .sentiment02 ul li>h6{font-size:10rem;top:-58px}
    .sentiment02{line-height:24px}
    .sentiment02 ul li>div img{max-height:45px}

    /*case*/
    .caseinfoText>h3{font-size: 4rem;}

    /*news*/
    .hotlist_left{font-size:3rem;line-height:41px}
    .znewsinfo01>.warpper>h2{font-size:4.2rem}

    /*contact*/
    .zcontact02_right{width:495px}
    #dituContent{width:calc(100% - 495px)}
    .zcont_ul li>img{width: 50px;}
    .zcont_ul li{height: 118px;}
    .zcont_ul li div p{
        font-size: 2.4rem;
    }

    .right-item h4{
        font-size: 2.5rem;
    }
    .item-last_mid>small, .right-item small{
        font-size: 1.9rem;
    }



}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .warpper{width: 96%!important;}
    .hidden-l{display:none!important;}
    html{font-size:47%;}

    .plStyle .zxbox1{top: 38%;left: 0;}
    .plStyle .zxbox2{top: 18%;left: 16%;}
    .plStyle .zxbox3{top: 44%;right: 8%;}
    .plStyle .zxbox4{bottom: 7%;left: 56%;}
    .plStyle .zxbox5{top: 14%;left: 57%;}
    .plStyle .zxbox6{top: 34%;left: 43%;}
    .plStyle .zxbox7{top: 54%;right: 50%;}
    .plStyle .zxbox9{bottom: 15%;left: 5%;}
    .plStyle .zxbox8{bottom: 0;left: 24%;}
    .plStyle .zxbox10{bottom: 0;right: 2%;}
    .plStyle .zxbox11{top: 0;left: 37%;}




    .znewsTop>a>b{height: 28vw;}
    .btn02Style01{
        width: 163px;
    }
    .btn02Style02{width: 150px;}
    .btn02Style03{width: 176px;}

    .btn02Style{
        height: 40px;    border-radius: 40px;
    }
    .btn02Style{padding:0px 5px 0px 13px;}
    .btn02Style i{
        width: 30px;
        height: 30px;
    }

    .btn02Style span{font-size: 1.8rem;}

    .caseWeb{
        height: 50vw;
    }


    .form_left{width: 350px;}
    .formbgshow .formCont{padding-left: 330px;}
    .form_right{width: 680px;}
    .form_code b img{
        width: 92px;
    }
    .form_code>div img {
        margin-left: 11px;
        margin-right: 6px;
    }

    /*index*/
    .nav-bar .warpper{height:80px}
    .downlist{top:80px}
    .zbanner{height:25vw;}
    .znewsTop>a>p{line-height: 35px;}

    .topMsg{display:none;}
    .logo a img{max-width: 157px;max-height: 40px;}
    .nav-bar ul li a{font-size: 2rem;}
    .title h2,
    .zbanner h2,
    .swipercoop .swiper-slide .warpper>h3,
    .serCoop .warpper>h2,
    .serLc h2,
    .ztitle,
    .case_pl .warpper>h2,
    .zinfo_tit>h2, .infoAboutNews .warpper>h2,
    .banText .banTitle{font-size:3.5rem}
    .banImg img{max-width:58%}
    .server ul li{height: 368px;}
    .server ul li>img{max-width:70%;bottom: 12px;}
    .caseStyle li a{height: 340px;}
    .indexcom ul li p{line-height:65px}
    .promotion_ser ul li,
    .sentiment05 ul li,
    .indexcoop ul li{height:108px}
    .innews_bom a{margin-bottom:20px}
    .fot_left_bom>p{line-height: 25px;}
    .fot_left_top li a p{margin-top: 11px;}

    /*server*/

    .zbanner p{font-size:2rem}
    .serLc ul li{padding-top:20px;padding-bottom:57px}
    .serLc ul li b{width:32%;height:69px;margin:0 auto}
    .swiperNews .swiper-slide a>h4{height:65px}


    /*推广运营*/
    .promotion_div>div>img,.sen01 li img{max-height:30px;max-width: 30px;}
    .promotion_div>div>p{font-size:3.2rem;margin-left:15px}
    .promotion_div>h5,.sen01_ul>h5{font-size:3.8rem}
    .promotion_div>small,.sen01_ul>small{font-size:2.4rem}

    /*sentiment*/
    .sentiment02 ul li>h6{font-size:10rem;top:-58px}
    .sentiment02{line-height:24px}
    .sentiment02 ul li>div img{max-height:45px}

    /*智慧政企*/
    .senceshow{height:25vw}
    .safe04 ul{grid-gap:15px}
    .travel05_cont{height:32vw}

    /*case*/
    .caseinfoText>h3{font-size: 4rem;}

    .right-item h4{font-size: 2.6rem;}
    .item-last_mid>small, .right-item small{font-size:2rem;}


        /*news*/
    .hotlist_left{font-size:3rem;line-height:41px}
    .znewsinfo01>.warpper>h2{font-size:4.2rem}
    .znewsinfo02{grid-template-columns: 1fr 350px;}

    /*学院*/
    .newsStyle{gap: 30px;}

    /*关于*/
    .zcom01>div h6{font-size:22rem;line-height:120px}
    .zcom04{height:55vw}
    .swiper-team{height:730px}

    /*contact*/
    .zcont_ul li{height: 118px;}
    .zcont03_left{width:450px}
    .zcont03_right{width:calc(96% - 450px)}
    .zcont_ul li>img{width:50px;margin-right:20px}
    .zcont_ul li div p{font-size:2.1rem}
    .zcontact02_right{width:495px}
    #dituContent{width:calc(100% - 495px)}

}
@media screen and (min-width: 960px) and (max-width: 1199px) {
    .warpper, .mycontainer{width: 93%!important;}
    .hidden-m{display:none!important;}
    html{font-size:45%;}

    .plStyle ul{height:550px;}
    .plStyle .zxbox1{top: 38%;left: 0;}
    .plStyle .zxbox2{top: 18%;left: 16%;}
    .plStyle .zxbox3{top: 50%;right: 8%;}
    .plStyle .zxbox4{bottom: 17%;left: 56%;}
    .plStyle .zxbox5{top: 14%;left: 57%;}
    .plStyle .zxbox6{top: 34%;left: 43%;}
    .plStyle .zxbox7{top: 54%;right: 50%;}
    .plStyle .zxbox9{bottom: 15%;left: 5%;}
    .plStyle .zxbox8{bottom: 0;left: 24%;}
    .plStyle .zxbox10{bottom: 0;right: 2%;}
    .plStyle .zxbox11{top: 0;left: 37%;}



    .nav-bar ul{
        width: calc(100% - 176px);
    }
    .btn02Style span{font-size: 1.8rem;}

    .znewsTop>a>p{line-height: 35px;}

    .btn02Style01{
        width: 154px;
    }
    .btn02Style02{width: 142px;}
    .btn02Style03{
        width: 178px;
    }
    .btn02Style{
        height: 35px;
        line-height: 35px;
        padding:0px 7px 0px 12px;
    }
    .btn02Style i{
        width: 25px;
        height: 25px;
    }


    .form_left{width:240px}
    .formbgshow .formCont{padding-left:225px}
    .form_right{width:480px}
    .form_l_top h3{font-size:2.5rem}
    .form_code b img{width:90px}
    .form_l_bom h4{font-size:2.8rem}
    .serchose li{margin-right:10px;margin-bottom:10px}
    .option-item{margin-right:12px}
    .formclose{right:17px;top:19px}
    .form_code>div p{
        width: 102px;
    }

    .caseWeb{
        height: 597px;
    }


    /*index*/
    .nav-bar .warpper{height:80px}
    .downlist{top:80px}
    .zbanner{height:35vw;padding-top:80px;}
    .logo>i,
    .logo>p{display:none;}
    .topMsg{display:none;}
    .logo a img{max-width: 130px;max-height: 40px;}
    .nav-bar ul li a{font-size: 2rem;}
    .title h2,
    .zbanner h2,
    .swipercoop .swiper-slide .warpper>h3,
    .serCoop .warpper>h2,
    .serLc h2,
    .ztitle,
    .case_pl .warpper>h2,
    .zinfo_tit>h2, .infoAboutNews .warpper>h2,
    .banText .banTitle{font-size:4rem}
    .banImg img{max-width:50%}
    .banText>i{margin-bottom: 20px;}
    .server ul li{height: 296px;}
    .server ul li>img{max-width:60%;bottom: 12px;}
    .caseStyle li a{height: 340px;}
    .indexcom ul li p{line-height:65px}
    .promotion_ser ul li,
    .sentiment05 ul li,
    .indexcoop ul li{height:108px}
    .innews_top{height: 19vw;}
    .innews_bom a{margin-bottom:20px}
    .fot_left_bom>p{line-height: 25px;}
    .fot_left_top li a p{margin-top: 11px;}

    /*server*/
    .zbanner p{font-size:2rem}
    .ser_text>div img{max-height:50px;max-width:50px}
    .ser_text h5{font-size:3.2rem}
    .ser_text p{font-size:2.2rem}
    .serCont a{height:30vw}
    .serLc ul li{padding-top:20px;padding-bottom:57px}
    .serLc ul li b{width:32%;height:69px;margin:0 auto}
    .serLc ul li span{font-size: 6rem;bottom: -22px;}
    .swiperNews .swiper-slide a>h4{height:65px}


    /*推广运营*/
    .promotion_div>div>img,.sen01 li img{max-height:30px;max-width: 30px;}
    .promotion_div>div>p{font-size:3.2rem;margin-left:15px}
    .promotion_div>h5,.sen01_ul>h5{font-size:3.8rem}
    .promotion_div>small,.sen01_ul>small{font-size:2.4rem}

    /*sentiment*/
    .sentiment02 ul li>h6{font-size:10rem;top:-58px}
    .sentiment02{line-height:24px}
    .sentiment02 ul li>div img{max-height:45px}

    /*智慧政企*/
    .ins01 ul,
    .ins02 ul,
    .ins04 ul,
    .safe01 ul{grid-gap: 30px;}
    .safe04 ul li img{width: 48px;}
    .safe04 ul li{padding:17px;}
    .senceshow{height:25vw}
    .safe04 ul{grid-gap:15px}
    .travel05_cont{height:32vw}

    /*case*/
    .gc_bom{grid-template-columns:1fr 1fr 1fr}
    .left-img{grid-row:1;grid-column:span 2}
    .item-last{justify-content:flex-start;flex-wrap:wrap}
    .item-last_left{margin-right:15px}
    .item-last_right{width:100%;margin-top:10px}
    .caseinfoText>h3{font-size:4rem}

    /*news*/
    .znewsTop>a>b{height:320px}
    .hotlist_left{width:33%}
    .hotlist_left{font-size:3rem;line-height:41px}
    .znewsinfo01>.warpper>h2{font-size:4.2rem}
    .znewsinfo02{grid-template-columns: 1fr 350px;}

    /*学院*/
    .newsStyle{gap: 30px;}

    /*关于*/
    .zcom03 ul{flex-wrap:wrap}
    .zcom03 ul li{width:49%;margin-bottom:2vw}
    .zcom01>div h6{font-size:22rem;line-height:120px}
    .zcom04{height:55vw}
    .swiper-team{height:830px}
    .zcom06 ul{height:640px}
    .text-block h2{font-size:3.2rem}

    /*contact*/
    .zcont_ul li{padding:20px;height:125px;}
    .zcont03_left{width:300px}
    .zcont03_right{width:calc(96% - 300px)}
    .zcont_ul li>img{width:50px;margin-right:20px}
    .zcont_ul li div p{font-size:2.1rem}
    .zcontact02_right{width:495px}
    #dituContent{width:calc(100% - 495px)}
    .youneed{align-items:flex-start}
    .youneed ul{width:calc(100% - 88px)}
    .youneed ul li{margin:7px}
    .zcont03_left li span{font-size:5rem;line-height:56px}

}

@media screen and (min-width: 768px) and (max-width: 959px) {
    .warpper, .mycontainer{width: 96%!important;}
    .hidden-sm{display:none!important;}
    html{font-size:45%;}
    .znewsTop>a>p{line-height: 30px;}

    .plStyle ul{height:550px;}
    .plStyle .zxbox1{top: 38%;left: 0;}
    .plStyle .zxbox2{top: 18%;left: 16%;}
    .plStyle .zxbox3{top: 50%;right: 8%;}
    .plStyle .zxbox4{bottom: 17%;left: 56%;}
    .plStyle .zxbox5{top: 14%;left: 57%;}
    .plStyle .zxbox6{top: 34%;left: 43%;}
    .plStyle .zxbox7{top: 54%;right: 50%;}
    .plStyle .zxbox9{bottom: 15%;left: 5%;}
    .plStyle .zxbox8{bottom: 0;left: 24%;}
    .plStyle .zxbox10{bottom: 0;right: 2%;}
    .plStyle .zxbox11{top: 0;left: 37%;}





    .btn02Style01{width: 88px;}
    .btn02Style{
        height: 30px;    border-radius: 30px;
    }
    .btn02Style{padding:0px 5px 0px 8px;}
    .btn02Style i{
        width: 20px;
        height: 20px;
    }

    .btn02Style span{font-size: 1.8rem;}
    .btn02Style02{width: 127px;}
    .btn02Style03{width: 176px;}

    .form_left{width:240px}
    .formbgshow .formCont{padding-left:225px}
    .form_right{width:480px}
    .form_l_top h3{font-size:2.5rem}
    .form_code b img{width:90px}
    .form_l_bom h4{font-size:2.8rem}
    .serchose li{margin-right:10px;margin-bottom:10px}
    .option-item{margin-right:12px}
    .formclose{right:17px;top:19px}
    .form_code>div p{
        width: 102px;
    }

    .caseWeb{
        height: 515px;
    }

    /*index*/
    .nav-bar .warpper{height:80px}
    .downlist{top:80px}
    .znewsinfo01{padding-top: calc(80px + 3vw);}

    .zbanner{height:42vw;padding-top:80px;}
    .topMsg{display:none;}
    .logo a img{max-width: 130px;max-height: 40px;}

    .title h2,
    .zbanner h2,
    .swipercoop .swiper-slide .warpper>h3,
    .serCoop .warpper>h2,
    .serLc h2,
    .ztitle,
    .case_pl .warpper>h2,
    .zinfo_tit>h2, .infoAboutNews .warpper>h2,
    .banText .banTitle{font-size:3rem}
    .banImg img{max-width:50%}
    .banText>i{margin-bottom: 20px;}
    .banner{height: 61vw;}
    .ban_btn .swiper-pagination{display:none;}
    .title{padding-top:5vw;padding-bottom:2.5vw}
    .server ul{flex-wrap:wrap}
    .server ul li{width:49%;height:343px;margin-bottom:2vw}
    .server ul li>img{max-width:60%;bottom: 12px;}
    .indexcase ul li{width: 49%;}
    .caseStyle li a{height: 340px;}
    .indexcom ul li p{line-height:45px}
    .promotion_ser ul li,
    .sentiment05 ul li,
    .indexcoop ul li{height:80px}
    .innews_top{height:23vw}
    .innews_top>a>span{line-height:35px;width:100px}
    .innews_bom a{margin-bottom:20px}
    .fot_rightpic{width: 100px;}
    .fot_left_bom>p{line-height: 25px;}
    .fot_left_top{display:none;}
    .fot_left_top li a p{margin-top: 11px;}

    /*server*/
    .zbanner p{font-size:2rem}
    .ser_text>div img{max-height:50px;max-width:50px}
    .ser_text h5{font-size:3.2rem}
    .ser_text p{font-size:2.2rem}
    .serCont a{height:30vw}
    .serLc ul li{padding-top:20px;padding-bottom:57px}
    .serLc ul li b{width:32%;height:69px;margin:0 auto}
    .serLc ul li span{font-size: 6rem;bottom: -22px;}
    .swiperNews .swiper-slide a>h4{height:65px}


    /*推广运营*/
    .promotion_div>div>img,.sen01 li img{max-height:30px;max-width: 30px;}
    .promotion_div>div>p{font-size:3.2rem;margin-left:15px}
    .promotion_div>h5,.sen01_ul>h5{font-size:3.6rem}
    .promotion_div>small,.sen01_ul>small{font-size:2.4rem}

    /*sentiment*/
    .sentiment04 ul li{margin-left:20px;width:calc((100% - 80px) * .19)}
    .sentiment04 ul li.active{width:calc((100% - 80px) * .24)}
    .sentiment05 ul{grid-gap:15px}
    .sentiment02 ul li>h6{font-size:10rem;top:-58px}
    .sentiment02{line-height:24px}
    .sentiment02 ul li>div img{max-height:45px}

    /*智慧政企*/
    .ins01 ul,
    .ins02 ul,
    .ins04 ul,
    .safe04 ul,
    .travel01 ul,
    .safe01 ul{grid-gap: 15px;}
    .safe04 ul{
        grid-template-columns: repeat(2, 1fr);
    }
    .safe04 ul li img{width: 48px;}
    .safe04 ul li{padding:17px;}
    .senceshow{height:25vw}
    .swi_travel01 .swiper-slide{margin-bottom:15px}
    .swi_travel04 .travel_text02{padding:10px}
    .zban_travel p{width:53%}
    .travel_text02 strong{font-size:2.6rem}
    .travel05_cont{height:32vw}
    .ins02 ul{grid-template-columns:repeat(2,1fr)}
    .ins04 ul{grid-template-columns:repeat(2,1fr)}
    .ins04 ul li>img{max-width:45px;max-height:45px}


    /*case*/
    .gc_bom{grid-template-columns:1fr 1fr 1fr}
    .left-img{grid-row:1;grid-column:span 2}
    .item-last{justify-content:flex-start;flex-wrap:wrap}
    .item-last_left{margin-right:15px}
    .item-last_right{width:100%;margin-top:10px}
    .caseinfoText>h3{font-size:3.4rem}
    .caseinfoCode{width:132px}
    .textStyle{flex-wrap:wrap}
    .textColor{width:100%}


    /*news*/
    .znewsTop>a>b{height:320px}
    .hotlist_left{width:33%}
    .hotlist_left{font-size:3rem;line-height:41px}
    .znewsinfo01>.warpper>h2{font-size:4.2rem}
    .znewsinfo02{grid-template-columns: 1fr;}
    .znewsinfo02_left{border-right:none;border-bottom:2px solid #e6e6e6}


    /*学院*/
    .znewsTopText{padding:3vw}
    .znewsTopText>h4{font-size:2.8rem}
    .newsStyle{gap:15px;grid-template-columns:repeat(3,1fr)}
    .newsStyle li a>b{height:20vw}
    .znewsText{height:180px}

    /*关于*/
    .zcom03 ul{flex-wrap:wrap}
    .zcom03 ul li{width:49%;margin-bottom:2vw}
    .zcom01>div h6{font-size:30rem;line-height:120px}
    .zcom04{height:55vw}
    .swiper-team{height:830px}
    .zcom06 ul{height:640px;gap:15px;}
    .text-block h2{font-size:3.2rem}
    .zcom02_top h3{font-size:3.8rem}
    .zcom03 ul li div h5{line-height:30px}
    .zcom03 ul li div h5 span{line-height:49px;vertical-align:sub}
    .zcom04 ul li div h3{font-size:2.8rem}
    .zcom07 div b,.zcom07 div h3{line-height:36px;font-size:3.2rem}
    .indexcontact .warpper>h3{font-size:3.2rem}
    .swiperNews{padding-top:2vw}

    /*contact*/
    .zcont_ul li{padding:20px;height:125px;}
    .zcont03_right{width:calc(96% - 300px)}
    .zcont_ul li>img{width:50px;margin-right:20px}
    .zcont_ul li div p{font-size:2.1rem}
    .zcontact02_right{width:360px;padding-left:35px;}
    #dituContent{width:calc(100% - 360px)}
    .youneed{align-items:flex-start}
    .youneed ul{width:calc(100% - 88px);margin-top:10px;}
    .youneed ul li{margin:4px;}
    .zcont03_left{width:300px}
    .zcont03_left li span{font-size:5rem;line-height:56px}

}

@media only screen and (max-width: 767px) {
    .warpper, .mycontainer {width: 94% !important;}
    .hidden-xs {display: none !important;}
    html {font-size: 42%;}


    .plStyle ul li p{
        height: 35px;
        line-height: 35px;border-radius: 19px;
        padding: 0 10px;
    }

    .plStyle ul{height: 600px;}
    .plStyle .zxbox1{top: 34%;left: 0;}
    .plStyle .zxbox2{top: 4%;left: 6%;}
    .plStyle .zxbox3{top: 44%;right: 8%;}
    .plStyle .zxbox4{top: 66%;right: 8%;}
    .plStyle .zxbox5{top: 15%;left: 14%;}
    .plStyle .zxbox6{top: 27%;left: 43%;}
    .plStyle .zxbox7{top: 54%;left: 5vw;}
    .plStyle .zxbox9{top: 75%;left: 5%;}
    .plStyle .zxbox8{bottom: 1%;left: 15%;}
    .plStyle .zxbox10{top: 79%;right: 2%;}
    .plStyle .zxbox11{top: 0;right: 12%;}


    .znewsTop>a>p{line-height: 30px;}

    .btn02Style01{width: 88px;}
    .btn02Style{
        height: 30px;    border-radius: 30px;
    }
    .btn02Style{
        padding:0px 5px 0px 8px;
    }
    .btn02Style i{
        width: 20px;
        height: 20px;
    }
    .btn02Style span{font-size: 1.8rem;}
    .btn02Style02{width: 121px;}
    .btn02Style03{
        width: 163px;
    }
    .btn02Style i svg{
        width: 14px;
    }

    .form_left{display:none;}
    .formbgshow .formCont{padding-left:0;width:80%;margin:0 auto;}
    #fuform>h3{
        font-size: 2.3rem;
    }

    #fuform input{
        line-height: 35px;
    }
    #fuform .form_captcha input{
        line-height: 35px;
    }
    .form_right{width:100%}
    .form_l_top h3{font-size:2.5rem}
    .form_code b img{width:90px}
    .form_l_bom h4{font-size:2.8rem}
    .serchose li{margin-right:4px;margin-bottom:4px;padding:3px 8px;}
    .option-item{margin-right:12px}
    .formclose{right:17px;top:19px}
    .formclose svg{
        width: 16px;
    }
    .captchaFirst{
        line-height: 35px;
    }
    .form_captcha{
        height: 35px;
        margin-top: 10px;
        margin-bottom: 10px
    }
    .option-item label::before{
        width: 9px;
        height: 9px;
    }
    #fuform .btn{
        line-height: 35px;
    }


    /*index*/
    .nav-bar{
        border-bottom: 1px solid #ffffff1c;
    }
    .nav-bar .warpper{height:68px}
    .downlist{top:68px}
    .zbanner{
        padding-top: 68px;
        height: 62vw;
    }
    .znewsinfo01{padding-top: calc(68px + 3vw);}

    .nav-bar .mnavbar{top:68px;    height: calc(100% - 68px);}

    .topMsg{display:none;}
    .logo a img{        max-width: 122px;
        max-height: 34px;}

    .title h2,
    .zbanner h2,
    .swipercoop .swiper-slide .warpper>h3,
    .serCoop .warpper>h2,
    .serLc h2,
    .ztitle,
    .case_pl .warpper>h2,
    .zinfo_tit>h2, .infoAboutNews .warpper>h2,
    .banText .banTitle{font-size:3rem}
    .banImg img{max-width:80%;margin:0 auto;}
    .banText>i{margin-bottom: 20px;}
    .banText{
        bottom: calc(2vw + 35px);
    }
    .banSwiper .swiper-button-prev, .banSwiper .swiper-button-next{
        width: 35px;
        height: 35px;
    }
    .banSwiper .swiper-button-prev:after, .banSwiper .swiper-button-next:after{
        font-size: 15px;
        font-weight: bold;
    }
    .banner{height: 126vw;}
    .ban_btn .swiper-pagination{display:none;}
    .title{padding-top:5vw;padding-bottom:2.5vw}
    .server ul{flex-wrap:wrap}
    .server ul li{width:49%;height:245px;margin-bottom:2vw}
    .server ul li>img{max-width:50%;
        right: 10px;
        left: initial;
        transform: none;
    }
    .sertext{
        padding:20px;
    }
    .sertext>h3{padding-left:0;}
    .sertext>h3:after{left:0;}
    .server ul li .sertext>a {
        transform: translateY(0px);
        opacity: 1;
        padding-left: 0;}
    .server ul li>img {bottom: 12px;}
    .indexcase ul li{width: 100%;}
    .caseStyle li a{height: 340px;}
    .indexcom ul li p{line-height:45px}
    .promotion_ser ul li,
    .indexcoop ul li{height:80px;width: calc(100% / 3);}
    .indexcoop ul li:nth-child(-n+3){
        border-top: 1px solid #e7e7e7;
    }
    .indexcoop ul li:nth-child(n + 4):not(:nth-child(n + 7)){
        border-top: none;
    }
    .indexcoop ul li:nth-of-type(4), .indexcoop ul li:nth-of-type(10) {
        border-left: 1px solid #e7e7e7;
    }
    .innews_top{height:54vw}
    .innews_top>a>span{line-height:35px;width:100px}
    .innews_bom a{margin-bottom:20px}
    .indexnews ul{
        flex-wrap: wrap;
    }
    .indexnews ul li{
        width: 100%;
    }
    .indexcontact .warpper>p{
        font-size: 3rem;
    }
    .footer{
        flex-wrap: wrap;
    }
    .fot_left{
        width: 100%;
    }
    .fot_rightbg{
        width: 100%;
        display:flex;
        align-items: center;
        justify-content: center;
    }

    .fot_rightpic{width: 100px;margin-right:auto;
    }
    .fot_left_bom>p{line-height: 25px;}
    .fot_left_top{display:none;}
    .fot_left_top li a p{margin-top: 11px;}

    /*server*/
    .zban_promotion .btnStyle{
        width: 198px;
        height: 39px;
    }
    .zbanner p{font-size:2rem}
    .promotion_ul li{
        padding:7vw 5vw;
    }
    .promotion_ser ul li:nth-of-type(7),
    .promotion_ser ul li:nth-of-type(11),
    .promotion_ser ul li:nth-of-type(9){
        background: #fff;
        box-shadow: inset 0 0 13px 1px rgba(0, 0, 0, 0.13);
    }
    .promotion_ser ul li:nth-of-type(8),
    .promotion_ser ul li:nth-of-type(10),
    .promotion_ser ul li:nth-of-type(12){
        box-shadow: none;
        background:#f8f8f8;
    }
    .ser_text>div img{max-height:32px;max-width:32px}
    .ser_text i{
        margin-top: 5px;
        margin-bottom: 5px;    width: 25px;
    }
    .ser_text h5{font-size:2.8rem}
    .ser_text p{font-size:2rem}
    .serCont a{height:67vw}
    .ser_pic>img{
        max-width: 70%;
        max-height: 80%;
    }

    .swiperNews .swiper-slide a>h4{height:41px;font-size:2rem;}
    .serCaseShow{
        height: 65vw;
    }
    .swipercoopbtn .swiper-slide b{
        width: 100%;
        height: 44px;
    }
    .swipercoop .swiper-slide .warpper .btnStyle {
        width: 98px;
        height: 39px;
    }
    .swipercoop .swiper-slide .warpper .btn_white img{
        width: 8px;
    }
    .serLc,
    .sentiment02,
    .safe02,
    .zcom02,
    .zcom03,
    .serCoop{
        padding:7vw 0;
    }
    .serCoopCont{flex-wrap: wrap}
    .serCoopLeft{
        width: 100%;
    }
    .serCoopRight{
        width: 100%;
    }
    .serCoopRight li{
        height: 55px;
    }
    .serCoopRight li img{
        filter: grayscale(0) brightness(1);
    }
    .serLc ul{flex-wrap: wrap}
    .serLc ul li{
        width: 19%;
        margin-top: 1vw;
        padding-top: 10px;
        padding-bottom: 32px;
    }
    .serLc ul li b{width:32%;height:45px;margin:0 auto}
    .serLc ul li span{font-size: 6rem;bottom: -22px;}

    /*推广运营*/
    .promotion_div>div>img,.sen01 li img{max-height:25px;max-width: 25px;}
    .promotion_div>div>p{font-size:2.4rem;margin-left:15px}
    .promotion_div>h5,.sen01_ul>h5{font-size:3.2rem}
    .promotion_div>small,.sen01_ul>small{font-size:2rem}
    .ztitle{
        margin-bottom: 4vw;}
    .promotion_diff ul{
        flex-wrap: wrap;
    }
    .promotion_diff ul li{
        width: 50%;
        height: 286px;
        border-top: 1px solid rgba(255, 255, 255, 0.3);
    }
    .promotion_diff ul li:nth-of-type(2){
        border-right: none;
    }
    /*sentiment*/
    .sen01 li{height:49vw;}
    .sentiment02 ul{
        grid-gap: 14px;
        grid-template-columns: repeat(2, 1fr);
    }
    .sentiment02 ul li{
        height: 245px;
    }
    .sentiment02 ul li>div h5{
        margin-bottom: 2vw;
    }
    .sentiment02 ul li>div small{
        font-size: 1.8rem;
        line-height: 19px;
    }
    .sentiment04 ul li{margin-left:0;width:calc((100% - 5px) * .48);  margin-bottom:3vw;  height: 45vw;}
    .sentiment04 ul li.active{width:calc((100% - 5px) * .48)}
    .sentiment04 ul li:last-of-type.active,
    .sentiment04 ul li:last-of-type{
        width: 100%;}

    .sentiment05 ul{grid-gap:15px;grid-template-columns: repeat(3, 1fr);}
    .sentiment05 ul li{height:80px;}
    .sentiment02 ul li>h6{font-size:10rem;top:-58px}
    .sentiment02{line-height:24px}
    .sentiment02 ul li>div img{max-height:45px}
    .swipersen03 .swiper-slide{
        width: 90%;
        height: 65vw;
    }
    .swipersen03 .swiper-slide div p{
        font-size: 2.2rem;
    }
    .sentiment04 ul{
        flex-wrap: wrap;
    }




    /*智慧政企*/
    .ins01 ul,
    .ins02 ul,
    .ins04 ul,
    .safe04 ul,
    .travel01 ul,
    .safe01 ul{grid-gap: 15px;}
    .safe04 ul{
        grid-template-columns: repeat(2, 1fr);
    }
    .safe04 ul li img{width: 48px;}
    .safe04 ul li{padding:17px;}
    .senceshow{height:25vw}
    .swi_travel04 .travel_text02{padding:10px;width:100%;}
    .zban_travel p{width:90%;line-height: 25px;}
    .travel_text02 strong{font-size:2.6rem}
    .ins02 ul{grid-template-columns:1fr}
    .ins04 ul{grid-template-columns:repeat(2,1fr)}
    .ins04 ul li>img{max-width:30px;max-height:30px}
    .zban_safe p{
        width: 90%;
    }
    .zban_safe{
        height: 70vw;
        background-position: 69% 68px;
        background-size: auto 70vw;
    }

    .safe01 ul{
        grid-template-columns: 1fr;
    }
    .swipersence .swiper-slide h3{
        line-height: 45px;
    }
    .swipersenceshow{
        margin-top: 3vw;
    }
    .senceshow{
        flex-wrap: wrap;
        height: initial;
    }
    .sen_left{
        order: 2;
        width: 100%;
        height:400px;
    }
    .sen_right{
        width: 100%;
        order: 1;
        height: 58vw;
    }
    .travel01 ul{
        grid-template-columns:1fr 1fr;
    }
    .swi_travel03,
    .swi_travel01{
        width: 110px;
    }
    .swi_travel03 .swiper-slide,
    .swi_travel01 .swiper-slide{
        line-height: 55px;
        height: 55px;
        margin-bottom: 10px;
    }
    .swi_travel04,
    .swi_travel02{
        width: calc(100% - 120px)
    }
    .swi_travel02 .swi_travel_text{
        padding:15px;
    }
    .travel03_cont{
        height: 360px;
    }
    .travel04 ul{
        flex-wrap: wrap;
    }
    .travel04 ul li{
        width: 49%;
        height: 270px;
        margin-bottom: 2vw;
    }
    .travel04 ul li img{
        max-width: 45px;
    }
    .travel04 ul li.active {
        width: 49%;
    }
    .travel04 ul li:last-of-type{
        width: 100%;
        height: 170px;
    }
    .swiperNews .swiper-slide a>div img{
        width: 10px;
    }

    .travel05_cont{
        height: 500px;
    }
    .travel02_cont{
        flex-wrap: wrap;
    }
    .travel02_cont>b{
        width: 100%;
        height: 35vw;
    }
    .ins01 ul{
        grid-template-columns:1fr;
    }

    .ins01 ul li img{
        width: 50px;
    }
    .ins02 ul li{
        width: 100%;
    }
    .ins04 ul li{
        padding:2vw;
    }
    .ins04 ul li h2{
        padding-left: 0;
    }

    /*case*/
    .caseCont ul li{float:none;width:100%;}
    .gc_bom{grid-template-columns:1fr 1fr;grid-template-rows: 1fr 1fr 1fr;gap: 10px;    height: 700px;}
    .left-img{grid-row:1;grid-column:span 2}
    .item-last_mid{
        width: calc(100% - 85px);
    }
    .right-item{
        align-items: flex-start;
    }
    .item-last{justify-content:flex-start;flex-wrap:wrap}
    .item-last_left{margin-right:15px}
    .item-last_right{width:100%;margin-top:10px}
    .caseinfoText>h3{font-size:3.4rem}
    .caseinfoCode{width:132px;        margin: 3vw auto;        margin-top: 15vw;}
    .caseinfoText>h5{
        justify-content: center;
    }
    .textStyle{flex-wrap:wrap}
    .textColor{width:100%}
    .caseinfoText{
        width: 100%;
    }
    .pageStyle{
        padding-right: 0;
        height: 60px;
    }
    .pageStyle:after {
        display: block;
        content: '';
        position: absolute;
        left: 100%;
        top: 0;
        background: #f5f5f5;
        height: 100%;
        width: 500px;
    }
    .casewebpic{
        padding: 20px;
        box-sizing: border-box;
    }
    .caseWeb{
        width: 100%;
        height: 70vw;
        position:relative;
        left:initial;
        padding:0;
    }
    .caseWeb:before{display:none;}
    .caseWeb:after{
        left: -20%;
    }
    .textColor li{
        width: calc(50% - 5px);
        height: 95px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    /*news*/
    .znewsTop>a>b{height:53vw;width:100%;}
    .hotlist_left{width:33%}
    .hotlist_left{font-size:3rem;line-height:41px}
    .znewsinfo01>.warpper>h2{font-size:3.2rem}
    .znewsinfo02{grid-template-columns: 1fr;}
    .znewsinfo02_left{border-right:none;border-bottom:2px solid #e6e6e6}

    .znewsinfo01>.warpper>a{
        width: 67px;
        height: 36px;
    }
    .newsCategory a{
        line-height: 40px;
    }
    /*学院*/
    .znewsTop a{
        flex-wrap: wrap;
    }
    .znewsTopText{width:100%;padding:3vw}
    .znewsTopText>h4{font-size:2.8rem}
    .newsStyle{gap:15px;display:block;}
    .newsStyle li{
        margin-bottom: 15px;
    }
    .newsStyle li a>b{height:51vw}
    .znewsText{height:180px}
    .newsStyle li:nth-of-type(5) .znewsText small{
        display:none;
    }
    .newsStyle a .readStyle{
        border:1px solid #a3a3a3;
    }
    .newsStyle li:nth-of-type(5) a{
        display:block;
    }
    .newsStyle li:nth-of-type(5) a>b{
        height: 51vw;
        width: 100%;
    }
    .newsStyle li:nth-of-type(5) .znewsText{
        width: 100%;
        height: 180px;
    }
    /*关于*/
    .zcom01{display:block;}
    .zcom01>div{
        width: 100%;
    }
    .zcom01>b{
        width: 100%;
        height: 56vw;
    }
    .zcom03 ul{flex-wrap:wrap}
    .zcom03 ul li{width:49%;margin-bottom:2vw}
    .zcom03 ul li img{
        max-width: 45px;
        max-height: 45px;
    }
    .zcom03 ul li div small{
        font-size: 1.5rem;
    }
    .zcom01>div h6{font-size:17rem;line-height:120px}
    .zcom04{height:93vw}
    .zcom02_top div{
        width: 100%;
    }
    .swiper-team{height:830px}
    .zcom02_top{display:block;}
    .zcom06 ul{
        height:initial;gap:10px;
        grid-template-columns:1fr 1fr;
        grid-template-rows: 1fr;
    }
    .text-block h2{font-size:3.2rem}
    .zcom02_top h3{font-size:3.8rem}
    .zcom03 ul li div h5{line-height:30px}
    .zcom03 ul li div h5 span{line-height:49px;vertical-align:sub}
    .zcom04 ul li div h3{font-size:2.2rem}
    .webfudong{display:none;}
    .zcom04>div h2{
        font-size: 2.4rem;
    }
    .zcom04 ul li:hover div small{
        height: 222px;
    }
    .zcom07 div b,.zcom07 div h3{line-height:36px;font-size:2.3rem}
    .indexcontact .warpper>h3{font-size:2.6rem}
    .swiperNews{padding-top:2vw}
    .incont_btn button{
        width: 135px;
        line-height: 45px;
    }
    .zcom06 ul li.teampic_last{
        grid-column: auto;
        grid-row: auto;
    }
    .zcom07 div{
        width: 90%;
    }

    /*contact*/
    .zcont_ul{flex-wrap: wrap}
    .zcont_ul li{padding:20px;height:125px;width:100%;margin-bottom:15px;}
    .zcontact02{
        width: 94%;
        margin:0 auto;
        height: initial;
        flex-wrap: wrap;
    }
    .zcontact03{flex-wrap: wrap;padding:7vw 0;}
    .zcont03_right{width:100%;}
    .zcont_ul li>img{width:50px;margin-right:20px}
    .zcont_ul li div p{font-size:2.1rem}
    .zcontact02_right{width:100%;padding-left:20px;        height: initial;}
    #dituContent{width:100%;height:45vw;}
    .youneed{align-items:flex-start}
    .youneed ul{width:calc(100% - 88px);margin-top:10px;}
    .youneed ul li{margin:4px;}
    .zcont03_left{width:100%}
    .zcont03_left li span{font-size:5rem;line-height:56px}

}