@charset "utf-8";
.main_content {
  width: 1400px;
  margin: 0 auto;
}
.main_content .maininfo {
  width: 1400px;
  margin: 0 auto;
}
.main_content .maininfo .infotop {
  background: url(../images/main01.png) no-repeat;
  height: 205px;
  margin: auto;
  width: 1000px;
  margin-top: 41px;
  padding: 81px 27px 13px 37px;
  color: #333;
  font-size: 18px;
  line-height: 36px;
  position: relative;
}
.main_content .maininfo .blue {
  color: #2983FF;
}
.main_content .maininfo .title {
  color: #fff;
  position: absolute;
  left: 83px;
  top: 9px;
  font-size: 22px;
}
.infobot {
  margin-top: 61px;
}
.infobot ul {
  overflow: hidden;
      width: 1000px;
    margin: auto;
}
.infobot .li {
  cursor: pointer;
  height: 122px;
  width: 16.6%;
  float: left;
  text-align: center;
}
.infobot .li img {
  width: 47px;
  height: 47px;
}
.infobot .li .img1 {
  display: none;
}
.infobot .li .line2 {
  padding: 9px 0 4px;
  font-size: 18px;
  color: #333;
}
.infobot .li .line3 {
  color: #999;
  font-size: 14px;
}
.infobot .li_active {
  border-bottom: 2px solid #2983FF;
}
.infobot .li_active .line2,
.infobot .li_active .line3 {
  color: #2983FF;
}
.infobot .li_active .img1 {
  display: inline-block;
}
.infobot .li_active .img2 {
  display: none;
}
.infobot .imgbot {
  padding-top: 58px;
  border-top: 1px solid #ddd;
}
.infobot .imgbot .img {
  display: none;
  width: 100%;
}
.infobot .imgbot .img_active {
  display: block;
}

@media screen and (max-width: 768px) {
  .main_body {
    width: 100%;
    overflow: auto;
  }
  .main_content {
    width: 100%;
  }
  .main_content .content {
    overflow: auto;
  }
  .main_content .content_banner {
    width: 100%;
  }
  .main_content .maininfo {
    width: 100%;
  }
  .main_content .maininfo .infotop {
    background: url(../images/main02.png) no-repeat;
    background-size: 100% 1.81rem;
    height: 1.81rem;
    width: 85%;
    padding: 0.3rem 0.16rem;
    font-size: 0.14rem;
    line-height: 0.24rem;
    margin: 0.15rem 0.3rem;
  }
  .main_content .maininfo .title {
    left: 0.32rem;
    top: 0.02rem;
    font-size: 0.14rem;
  }
  .infobot {
    margin-top: 0.3rem;
  }
  .infobot .swiper-container {
    padding: 0 0.2rem;
    border-bottom: 1px solid #e6e6e6;
  }
  .infobot .li {
    height: 0.82rem;
    width: 1.5rem !important;
    float: none;
    text-align: center;
  }
  .infobot .li img {
    width: 0.28rem;
    height: 0.26rem;
  }
  .infobot .li .line2 {
    padding: 0.1rem 0 0.05rem;
    font-size: 0.14rem;
    color: #333;
  }
  .infobot .li .line3 {
    font-size: 0.12rem;
  }
  .infobot .li_active .line2 {
    color: #2983FF;
  }
  .infobot .imgbot {
    padding-top: 0rem;
  }
}

/*# sourceMappingURL=xiaozhiSeries.css.map */