@media screen and (max-width: 768px){
    .wrapper{
        width: auto;
    }
    .header{display: none}
    .nav{display: none}
    .nav-slider-wrap{
        display: block;
        position: relative;
    }
    .nav-slider-logo span{
        display: block;
        width: 97px;
        height: 49px;
        background-image: url("../image/logo.png");
        margin:10px auto;
    }
    .nav-slider-wrap p{
        float: right;
        font-size: 27px;
        position: absolute;
        top: 16%;
        right: 5%;
        color: #2E81EA;
    }
    .nav-slider-list{
        position: absolute;
        top: 58px;
        left:0;
        width:100%;
        height:2000px;
        padding-top: 0;
        margin-left: 0;
        z-index: 999;
        background:rgba(0,0,0,0.5);
        display: none;
    }
    .nav-slider-list ul{
        width:100%;
        float: none;
        z-index:100;
        border-top: 1px solid #ccc;
        background-color: white;
    }
    .nav-slider-list ul li{
        width: 100%;
        border-bottom: 1px solid #cccccc;
        margin-left: 0;
        line-height: 50px;
        text-align: center;
    }

    .nav-slider-list ul li a{
        width:100%;
        height:50px;
        padding-left: 0;
        text-align: center;
        line-height:50px;
        font-size:16px;
        border-radius: 0;
        margin:0 auto;
    }
    .list-sub{
        border-top-color: #ccc;
        background-color: #f4f4f4;
        height: 85px;
    }
    .nav-slider-list ul .list-sub a{
        display: block;
        width: 50%;
        float: left;
        height:35px;
    }






    .home-banner,.sCity-banner,.entertain-banner,.home-banner ul,.sCity-banner ul,.entertain-banner ul{
        height: 135px;
    }
    .detail-banner,.detail-banner ul{height:90px;  }
    .wrapper .item-title{
        font-size: 20px;
    }
    .product,.custom,
    .cooperate,
    .smartCity,
    .custom-sc  .wrapper ul,
    .solution-sc ,
    .solution-sc .notice-con,
    .product-adv,
    .product-adv .wrapper ul,
    .core-function,
    .live-process,
    .main-01,
    .notice-tit
    {margin-top: 20px;}
    .bigData{margin-top: 10px;}
    .wrapper .item-title-en{
        margin-bottom:0;
    }
    .product .wrapper ul li{
        width: 50%;
    }
    .custom{padding-top: 20px;}
    .custom .wrapper ul li{width:50%;margin-bottom: 20px;}
    .service .wrapper ul li{width: 33.3%}
    .cooperate .wrapper .table1 {display: none}
    .cooperate .wrapper .table2{display: block}
    .cooperate .wrapper .table2 td{ width: 50%;}
    .footer{
        padding: 40px 10px 20px 10px;
    }
    .footer dl.d1{display: none}
    .footer div.code{right: -58%;top: 9%;}
    .smartCity .wrapper .sCity-list button{width:83px;margin-right: 15px;}
    .smartCity .wrapper .sCity-main{margin:0}
    .smartCity .wrapper .sCity-main-phone{display: none}
    .smartCity .wrapper .lists{width: 100%}
    .smartCity .wrapper .lists{margin-top: 20px;}
    .digit-s1 {top: 33.9%;left: 20.8%;}
    .digit-s2 {top: 47.9%;left: 20.9%}
    .digit-s3 {top: 27.1%;left: 38.4%;}
    .digit-s4 {top: 54.3%;right: 22.8%;}
    .digit-s5 {top: 22%;right:5%;}
    .custom-sc .wrapper ul li{width: 100%}
    .custom-sc  .wrapper .product-intro{left: 14px;
        width: 92.7%;}
    .custom-sc .wrapper ul li{margin-bottom: 20px;}
    .solution-sc .notice-tit ol {left: -15.3%;}
    .solution-sc .wrapper ul li{width: 50%}
    .solution-sc .notice-list p{margin:0;padding: 0}
    .solution-sc .wrapper ul li>div {width: 97%;}
    .entertain-banner{margin-bottom: 20px;}
    #buttons span{width: 95px;}
    #prev {left: 10px; top: 65.4%;}
    #next {right: 10px; top: 65.4%;}
    .arrow{width: 30px;height:30px;line-height:34px}
    .product-adv .wrapper ul li{width: 100%;margin-bottom: 20px;}
    .core-function .wrapper ul li{width: 46%}
    .core-function .wrapper .core-intro{height:30px;line-height: 30px;    text-indent: 15px;}
    .core-function .wrapper .core-list-box>a{left: 44.7%;}
    .solution .wrapper ul li{width:97.5%;margin-bottom: 20px;}

    .company-nav .wrapper ul li a{font-size: 14px;width: 72px;}
    .main-02 h1{height:50px;font-size: 16px;line-height: 50px;}
    .main-02 .wrapper dl{width: 100%;margin-bottom: 10px;height: 63px;line-height: 19px;}
    .main-02 .wrapper .main-con{width: 80%;}
    .main-02{margin: 30px 0;}
    .main-01 .wrapper p{font-size: 16px;}
    .main-01 .wrapper span{text-indent: 28px;}
    .main-01 .wrapper img{width: 100%;height:100%}
    .main-04 .wrapper dl{width: 100%;margin-bottom: 10px;}
    .main-04{margin-bottom: 20px;}
    .main-04 .wrapper dd{width: 100%;text-indent: 25px;}
    .main-04 .wrapper .connect-tit{font-size: 14px;  font-weight: bold;margin-bottom: 20px;color: #000; text-align: center;width: 100%;text-indent: 0}
    .main-03 table{display: none}
    .tab-slider-wrap{
        display: block;
        padding: 0 10px;
        margin-top: 20px;
    }
    .tab ul{
        height: 50px;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
    }
    .tab li{
        float: left;
        width: 20%;
        height:50px;
        line-height: 50px;
        text-align: center;
    }
    .tab-on{
        color:#2E81EA;
        border-bottom: 1px solid #2E81EA
    }
    .tav-con h2{
        height:50px;
        line-height: 50px;
        color:#2E81EA;
        border-bottom: 1px solid #ccc;
    }
    .tav-con span{
        display: block;
        margin:20px 0;
        font-size: 14px;
        color: #545454;
    }
    .tav-con p{
        line-height: 25px;
        color: #545454;
    }
    #goTop{
        background: none;
        border: none;
    }
    .code{display: none}
    .footer{
        height: auto;
        padding: 20px;
    }
    .footer dl {
        line-height: 20px;
    }
    .footer dl dt{
        margin-bottom: 10px;
        text-align: left;
        font-size: 16px;
    }
    .footer .wrapper{
        padding-left: 0;
        padding-right: 0;
    }
    .footer dl dd{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 12px;
    }
    .footer dl dd + dd{
        margin-top: 6px;
    }
    .footer dl dd .iconfont{
        width: 20px;
        font-size: 16px;
    }
    .footer dl.fr{
        float: none;
    }
    .copyright{
        padding: 10px 0;
    }
    .copyright .name{
        float: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 12px;
    }
    .copyright .logo{
        display: none;
    }
    .smartCity .wrapper .sCity-list{width: 100%;text-align: center}

    .banner ol{bottom:10px;}


    .right-ad{display:none;}






















}
@media screen and (max-width: 400px){
    .smartCity .wrapper .sCity-list button{
        width: 75px;
        margin-right: 3px;
    }
    .solution-sc .notice-tit ol li{margin: 0 13px;}
    .solution-sc .wrapper ul li{width: 100%}
    .solution-sc .notice-list p{
        padding: 10px;
    }
    .solution-sc .notice-list p span{
        text-align: center;
        background: none;
        padding: 0;
        line-height: 36px;
    }
    .solution-sc .notice-list p  b{left:20%}
    .custom-sc  .wrapper .product-intro{
        left:12px
    }
    .solution-sc .notice-tit ol li:nth-child(2){
        margin: 0;
    }
}