.w1200{
  width: 1100px;
  margin: 0 auto;
}
.header-banner {
  height: 3.6rem;
  margin-top: 0.7rem;
}
.swiper-wrapper .banner-slide {
  height: 3.6rem;
  position: relative;
}
.banner1{
  background: url(../image/banner/startbanner.png) #000 no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
  padding-top: 0.85rem;
}
.banner1 .text-box h1{
  font-size: 0.34rem;
  color:#fff;
  text-align: center;
  margin-bottom: 0.3rem;
}
.banner1 .text-box p{
  font-size: 0.16rem;
  color:#fff;
  line-height: 0.3rem;
  width: 4.6rem;
  text-align: left;
  margin: 0 auto;
}
.tab{
  background: #383e4d;
  width: 100%;
  height: 0.6rem;
  line-height: 0.6rem;
}
.tab a{
  line-height: 0.6rem;
  display: inline-block;
  float: left;
  width:calc(100% / 3);
  text-align: center;
  color:#999;
  font-size: 0.2rem;
  cursor: pointer;
  tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent; outline: none;
}
.tab a:active{
  border:none;
}
.tab a:link{
  border:none;
}
.tab a.active{
  color:#fff;
}
.tab a:hover{
  color:#fff;
}
#smartCity{
  text-align: center;
}
#smartCity .city{
  text-align: center;
  color:#333;
  padding-top: 0.6rem;
}
#smartCity .city h2{
  font-size: 0.32rem;
  color:#444;
  margin-bottom: 0.3rem;
}
#smartCity .city .city_p{
  font-size: 0.15rem;
  color:#818181;
  line-height: 2;
  width: 7rem;
  margin: 0 auto;
  margin-bottom: 0.8rem;
}
.citylit{
  width: 5.5rem;
  margin: 0 auto;
  font-size: 0.16rem;
  margin-bottom: 1rem;
}
.citylit li:first-child{
  float: left;
  text-align: center;
}
.citylit li:last-child{
  float: right;
  text-align: center;
}
.citylit li img{
  margin-bottom: 0.3rem;
  width: 0.8rem;
  height: 0.8rem;
}
.propess{
  background: #f9f9f9;
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 0.6rem;
}
.propess img{
  width: 50%;
}
.lei{
  background: #1f2533;
  padding: 1.5rem 0;
  color:#fff;
}
.lei li{
  float: left;
  width: 25%;
  height: 3rem;
  padding: 0 0.6rem;
  border-right: 1px dashed #666;
  text-align:center;
}
.lei li:last-child{
  border-right: 0px;
}
.lei li img{
  margin-bottom: 0.4rem;
  width: 0.8rem;
  margin-top: 0.2rem;
}
.lei li h3{
  font-size: 0.18rem;
  margin-bottom: 0.25rem;
}
.lei li p{
  font-size:0.14rem;
  line-height: 0.3rem;
  text-align: left;
}
.h2_title{
  font-size: 0.34rem;
  text-align: center;
  color:#444;
}
.hardware{
  text-align: center;
  padding-top: 0.6rem;
}
.hardware img{
  margin: 0 auto;
  margin-top: 0.3rem;
}
.server{
  text-align: center;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}
.server_box{
  margin: 0 auto;
  margin-top: 0.4rem;
  display: inline-block;
}
.server li{
  float: left;
  width: 1.6rem;
}
.server li img{
  width: 100%;
}
.server .server_jiantou{
  float: left;
  width: 0.3rem;
  margin: 0 0.2rem;
  margin-top: 0.7rem;
}

#cityEnsure{
  text-align: center;
}
#cityEnsure .cityEnsure_box{
  text-align: center;
  color:#333;
  padding-top: 0.6rem;
}
#cityEnsure .cityEnsure_box h2{
  font-size: 0.32rem;
  color:#444;
  margin-bottom: 0.3rem;
}
#cityEnsure .cityEnsure_box .city_p{
  font-size: 0.15rem;
  line-height: 2;
  color:#818181;
  width: 7rem;
  margin: 0 auto;
  margin-bottom: 0.8rem;
}
.cityEnsure_lit{
  width: 8.8rem;
  margin: 0 auto;
  font-size: 0.24rem;
  text-align: left;
}
.cityEnsure_lit ul{
  display: inline-block;
}
.cityEnsure_lit ul li{
  margin-bottom: 0.1rem;
  font-size: 0.18rem;
}
.cityEnsure_lit li::before{
  content: "";
  display:inline-block;
  width: 0.08rem;
  height: 0.08rem;
  margin-right: 0.1rem;
  vertical-align: middle;
  background: url(../image/li_icon.png) no-repeat;
}
.cityEnsure_img{
  float: right;
  width: 4rem;
}
#busSupervise{
  padding-top: 0.6rem;
  text-align: center;
}
#busSupervise h2{
  font-size: 0.32rem;
  color: #444;
  margin-bottom: 0.3rem;
}
#busSupervise .busSupervise_txt h2{
  font-size: 0.28rem;
  margin-bottom: 0px;
}
#busSupervise .busSupervise_p{
  width: 7rem;
  font-size: 0.15rem;
  color:#818181;
  line-height: 2;
  margin: 0 auto;
}
.busSupervise_lit{
  margin-top: 1rem;
}
.busSupervise_lit li{
  margin-bottom: 1.6rem;
}
.busSupervise_img{
  float: left;
  width: 50%;
}
.lei_img{
  height: 1.3rem;
}
.busSupervise_txt{
  float: right;
  width: 40%;
  margin-top: 0.6rem;
  text-align:left;
}
.busSuperviseli:nth-child(2)  .busSupervise_img{
  float: right;
}
.busSuperviseli:nth-child(2)  .busSupervise_txt{
  float: left;
  text-align:right;
  width: 37%;
}
.busSuperviseli:nth-child(2) p{
  text-align: right;
}
.busSupervise_txt h2{
  font-size: 0.34rem;
  color:#333;
}
.shangtongLine{
  width: 0.97rem;
  height: 0.02rem;
  margin-top: 0.2rem;
  margin-bottom: 0.28rem;
}
.busSupervise_txt p{
  color:#333;
  font-size: 0.16rem;
  line-height: 0.3rem;
  text-align: justify;
  width: calc(100% - 0.2rem);
  display: inline-block;
}
.busSupervise_txt li{
  margin-bottom: 0.24rem;
  font-size: 0.16rem;
  color:#333;
}
.busSupervise_txt li img{
  margin-right: 0.1rem;
  vertical-align: top;
  margin-top: 0.1rem;
}

.bustxt{
  color:#333;
  height: 5.2rem;
  padding: 0 0.6rem;
}
.busimg{
  height: 5.2rem;
}
.bustxt:nth-child(1){
  padding-top: 1.6rem;
}
.bustxt:nth-child(2){
  padding-top: 1.7rem;
}
.bustxt:nth-child(3){
  padding-top: 1.4rem;
}
.bustxt h3{
  font-size: 0.28rem;
  margin-bottom: 0.34rem;
}
.bustxt .line{
  width: 0.78rem;
  height: 0.02rem;
  margin: 0 auto;
  background: url(../image/head_line.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: 0.4rem;
}
.bustxt p{
  font-size: 0.15rem;
  color:#818181;
  line-height: 0.3rem;
}
.busimg img{
  width: 100%;
  height: 100%;
}
.hardware-swiper{
  background: url(../image/yingjian_bg.png) no-repeat;
  background-size: 100% 100%;
  height: 2.7rem;
  margin-top: 0.4rem;
  -moz-box-shadow: 0px 2px 0.15rem rgba(102,102,102,0.35);
  -webkit-box-shadow: 2px 0px 0.15rem rgba(102,102,102,0.35);
  box-shadow: 0px 2px 0.15rem rgba(102,102,102,0.35);
}
.cityEnsure_img_m{
  display: none;
}
.busSupervise_img_m{
  display: none;
}
.propessimg_min{
  display: none;
}
@media (max-width: 1400px){
  .lei li{
    padding: 0 0.35rem;
  }
  .bustxt{
    color:#333;
    height: 5.2rem;
    padding: 0 0.6rem;
  }
  .propess img{
    width: 60%;
  }
  .cityEnsure_lit ul li{
    font-size: 0.16rem;
    line-height: 0.26rem;
  }
  .server li{
    float: left;
    width: 1.4rem;
  }
  .server li img{
    width: 100%;
  }
  .server .server_jiantou{
    float: left;
    width: 0.25rem;
    margin: 0 0.2rem;
    margin-top: 0.55rem;
  }
  .busSupervise_lit{
    margin-top: 0.6rem;
  }
  .busSupervise_lit .busSuperviseli{
    margin-bottom: 1rem;
  }
}
@media (max-width: 1280px){
  .cityEnsure_lit{
    width: 80%;
  }
  .busSupervise_box{
    padding: 0 0.4rem;
  }
  .banner1 .text-box p{
    font-size: 0.16rem;
  }
  .busSupervise_txt{
    width: 45%;
  }
  .w1200{
    width: 90%;
  }
  .busSupervise_img img{
    width: 100%;
  }
  .busSuperviseli:nth-child(1) .busSupervise_txt{
    margin-top:0.4rem;
  }
  .busSuperviseli:nth-child(2) p{
    width: calc(100% - 0rem);
  }
  .busSuperviseli:nth-child(3) .busSupervise_txt p{
    width: calc(100% - 0.4rem);
  }
}
@media (max-width: 990px){
  .banner1{
    padding-top: 1rem;
  }
  .banner1 .text-box p{
    font-size: 0.22rem;
    width: 5.5rem;
  }
  .lei{
    padding-bottom: 0.6rem;
  }
  .lei li{
    width: 50%;
    margin-bottom:0.6rem;
    padding: 0 0.6rem;
    height: initial;
  }
  .lei li:nth-child(2n){
    border-right: 0px;
  }
  .lei li:nth-child(3){
    border:none;
  }
  .lei li:last-child{
    border-left: 1px dashed #666;
  }
  .server li{
    width: 1.1rem;
  }
  .server .server_jiantou{
    width: 0.15rem;
    margin: 0 0.15rem;
    margin-top: 0.45rem;
  }
  .cityEnsure_lit{
    width: 90%;
  }
  .cityEnsure_img{
    width: 3.6rem;
  }

  .busSupervise_img_2max{
    display: none;
  }
  .propessimg_max{
    display: none;
  }
  .busSupervise_img_m{
    display: block;
    float: inherit;
    margin: 0 auto;
    width: 60%;
  }
  .propess .propessimg_min{
    display: block;
    width: 45%;
    margin: 0 auto;
  }
  .busSupervise_img_m img{
    width: 100%
  }

  .busSupervise_img{
    float: inherit;
    margin: 0 auto;
    width: 60%;
  }
  .busSupervise_txt {
    display: inline-block;
    margin: 0 auto;
    float: inherit;
  }
  .busSupervise_lit .busSuperviseli{
    text-align: center;
  }
  .busSuperviseli .busSupervise_txt{
    text-align: center;
  }
  #busSupervise .busSupervise_txt h2{
    text-align: center;
  }
  .shangtongLine{
    margin: 0 auto;
    margin-top: 0.2rem;
    margin-bottom: 0.28rem;
  }
  .busSupervise_txt ul{
    text-align: left;
  }
  .busSuperviseli:nth-child(2) .busSupervise_txt{
    text-align: center;
    float: inherit;
    width: 60%;
    margin-top: 0.4rem;
  }
  .busSuperviseli:nth-child(2) .busSupervise_txt p{
    text-align: left;
  }
  .busSuperviseli:nth-child(3) .busSupervise_txt{
    text-align: center;
    float: inherit;
    width: 60%;
    margin-top: 0.4rem;
  }
  .busSuperviseli:nth-child(3) .busSupervise_txt p{
    width: calc(100% - 0.18rem);
  }
}
@media (max-width: 880px){
  .lei{
    padding-bottom: 0.8rem;
  }
  .lei li{
    padding: 0 0.4rem;
  }
  .lei li:nth-child(3){
    border:none;
  }
  .lei li:last-child{
    border-left: 1px dashed #666;
  }
  .lei li h3{
    font-size: 0.25rem;
  }
  .lei li p{
    font-size: 0.24rem;
    text-align: justify;
  }
  .server li{
    width: 1.15rem;
  }
  .server .server_jiantou{
    width: 0.12rem;
    margin: 0 0.1rem;
    margin-top: 0.5rem;
  }
  .tab{
    height: 0.8rem;
    line-height: 0.8rem;
  }
  .tab a{
    line-height: 0.8rem;
    font-size: 0.24rem;
  }
  .propess .propessimg_min{
    width: 60%;
  }
  #smartCity .city .city_p{
    font-size: 0.24rem;
    text-align: justify;
    width: 75%;
    text-indent:2em;
  }
  #cityEnsure .cityEnsure_box .city_p{
    font-size: 0.24rem;
    text-align: justify;
    width: 75%;
    text-indent:2em;
  }
  #busSupervise .busSupervise_p{
    font-size: 0.24rem;
    text-align: justify;
    width: 75%;
    text-indent:2em;
  }
  .w1200{
    width: 100%;
  }
  .busSupervise_box{
    padding: 0px;
  }
  .cityEnsure_img_m{
    width: 80%;
    margin: 0 auto;
    display: block;
    margin-bottom: 0.6rem;
  }
  .cityEnsure_img{display: none}

  .cityEnsure_lit{
    text-align: center;
  }
  .cityEnsure_lit ul li{
    font-size: 0.24rem;
    line-height: 2;
    text-align: left;
  }
  .citylit{
    font-size: 0.22rem;
  }
  .cityEnsure_lit ul{
    margin: 0 auto;
    margin-bottom: 0.4rem;
  }

  .citylit li{
    width: 50%;
  }
  .busSupervise_txt li{
    font-size: 0.24rem;
  }
  .busSupervise_txt p{
    font-size: 0.24rem;
    line-height: 2;
  }
  .busSupervise_img_m{
    width: 60%;
  }
  .busSupervise_img{
    float: inherit;
    margin: 0 auto;
    width: 60%;
  }
  .busSuperviseli:nth-child(1) .busSupervise_txt{
    width: inherit;
  }
  .busSuperviseli:nth-child(2) .busSupervise_txt{
    width:75%;
  }
  .busSuperviseli:nth-child(3) .busSupervise_txt{
    width: 75%;
  }
  .busSuperviseli:nth-child(3) .busSupervise_txt p{
    width: calc(100% - 0.3rem);
  }
}
@media (max-width: 750px){
  .citylit{
    font-size: 0.2rem;
  }
}