.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
/***********banner***********/
.banner {
  width: 100%;
  height: 431px;
  position: relative;
}

.banner_child {
  position: absolute;
  opacity: 0;
}

.banner_main {
  width: 1000px;
  height: 431px;
  margin: 0 auto;
}

.banner01 {
  width: 100%;
  height: 431px;
  background: url(../images/banner_05.jpg) no-repeat;
  background-size: 100% 100%;
}

.banner02 {
  width: 100%;
  height: 431px;
  background: url(../images/banner_02.jpg) no-repeat;
  background-size: 100% 100%;
}

.banner03 {
  width: 100%;
  height: 431px;
  background: url(../images/banner_03.jpg) no-repeat;
  background-size: 100% 100%;
}

.banner04 {
  width: 100%;
  height: 431px;
  background: url(../images/banner_04.jpg) no-repeat;
  background-size: 100% 100%;
}

/* .banner05 {
  width: 100%;
  height: 431px;
  background: url(../images/banner_01_01.jpg) no-repeat;
  background-size: 100% 100%;
} */

.banner_current {
  opacity: 1;
}

.banner_control {
  margin-top: -20px;
  position: absolute;
  font-size: 40px;
  z-index: 1;
  top: 50%;
  color: rgba(255, 255, 255, 0.4);
}

.banner_control:hover {
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}

.banner_prev {
  left: 0;
}

.banner_next {
  right: 0;
}

.banner_dots {
  width: 202px;
  height: 14px;
  position: absolute;
  bottom: 24px;
  left: 50%;
  margin-left: -101px;
  padding-left: 22px;
}
.banner_dots li {
  width: 14px;
  height: 14px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 7px;
  float: left;
  margin-right: 22px;
}

.banner_dots li:hover {
  cursor: pointer;
}

.banner_dots .banner_dots_current {
  background: rgba(255, 255, 255, 0.9);
}

/***********分类***********/
.main_fenlei {
  width: 100%;
  height: 280px;
  background-color: #FFF;
  margin: 0 auto;
}

.fenlei {
  width: 1000px;
  height: 280px;
  margin: 0 auto;
}

.fenlei ul li {
  width: 25%;
  height: 280px;
  float: left;
}

.fenlei_tubiao {
  width: 74px;
  height: 81px;
  background-color: #000;
  margin: 45px auto 0;
}

.tubiao01 {
  background-image: url(../images/fenlei01.png);
}

.tubiao02 {
  background-image: url(../images/fenlei02.png);
}

.tubiao03 {
  background-image: url(../images/fenlei03.png);
}

.tubiao04 {
  background-image: url(../images/fenlei04.png);
}

.fenlei ul li p {
  text-align: center;
  line-height: 30px;
  font-size: 18px;
  color: #a5a5a5;
}

.fenlei ul li h2 {
  text-align: center;
  line-height: 60px;
  font-size: 20px;
  color: #545454;
}

/***********服务***********/
.main_fuwu {
  width: 100%;
  height: 500px;
  background-color: #FFF;
  margin-top: 10px;
  padding-top: 30px;
}

.fuwu {
  width: 1000px;
  margin: 0 auto;
}

.fuwu_biaoti {
  width: 1000px;
  margin: 0 auto;
}

.fuwu_biaoti h2 {
  text-align: center;
  color: #343434;
  font-size: 24px;
  line-height: 30px;
}

.fuwu_biaoti p {
  text-align: center;
  color: #d1d1d1;
  font-size: 24px;
  line-height: 34px;
}

.fuwu ul li {
  width: 300px;
  height: 348px;
  background-color: #FFF;
  float: left;
  margin-top: 50px;
  border-radius: 10px;
}

.fuwu ul li:hover {
  border: solid #f1f1f1 1px;
  width: 298px;
  height: 346px;
}

.fuwu_Compass {
  width: 74px;
  height: 74px;
  background-image: url(../images/Compass.jpg);
  margin: 30px auto 0;
}

.fuwu_Montior {
  width: 74px;
  height: 74px;
  background-image: url(../images/Montior.jpg);
  margin: 30px auto 0;
}

.fuwu_DMP {
  width: 74px;
  height: 74px;
  background-image: url(../images/DMP.jpg);
  margin: 30px auto 0;
}

.fuwu_anniu {
  width: 160px;
  height: 40px;
  display: block;
  margin: 20px auto 0;
}

.fuwu_anniu a {
  display: block;
  width: 160px;
  height: 38px;
  text-align: center;
  line-height: 38px;
  color: #a5a5a5;
  font-size: 16px;
  border-radius: 50px;
  border: solid #e3e3e3 1px;
}

.fuwu ul li:hover a {
  border: none;
  background: linear-gradient(45deg, rgba(9, 130, 222, 1), rgba(71, 178, 211, 1));
  box-shadow: 0px 5px 10px rgba(0, 144, 255, 0.5);
  color: #FFF;
}

/***********平台***********/
.main_pingtai {
  width: 100%;
  height: 470px;
  background-color: #FFF;
  margin-top: 10px;
  padding-top: 30px;
}

.pingtai {
  width: 1000px;
  margin: 0 auto;
}

.pingtai ul li {
  width: 289px;
  height: 320px;
  background-color: #FFF;
  float: left;
  margin-top: 50px;
}

.pingtai_01 {
  width: 289px;
  height: 195px;
  background-image: url(../images/pingtai_01.jpg);
}

.pingtai_02 {
  width: 289px;
  height: 195px;
  background-image: url(../images/pingtai_02.jpg);
}

.pingtai_03 {
  width: 289px;
  height: 195px;
  background-image: url(../images/pingtai_03.jpg);
}

/***********数据************/
.main_shuju {
  width: 100%;
  height: 450px;
  background-color: #FFF;
  margin-top: 10px;
  padding-top: 30px;
}

.shuju {
  width: 1000px;
  margin: 0 auto;
}
.shuju ul {
  width: 100%;
}
.shuju ul li {
  /* width: 125px; */
  /* height: 109px; */
  /* float: left; */
  display: inline-block;
  margin-top: 20px;
  text-align:center;
}

.shuju ul li img {
  margin: 15px;
  display: inline-block;
  vertical-align:middle ;
}

.shuju ul2 li {
  /* width: 125px; */
  /* height: 109px; */
  float: left;
  margin-top: 20px;
  text-align:center;
}

.shuju ul2 li img {
  margin: 30px;
  display: inline-block;
  vertical-align:middle ;
}

.shuju ul3 li {
  /* width: 125px; */
  /* height: 109px; */
  float: left;
  margin-top: 20px;
  text-align:center;
}

.shuju ul3 li img {
  margin: 30px;
  display: inline-block;
  vertical-align:middle ;
}

.shuju ul4 li {
  /* width: 125px; */
  /* height: 109px; */
  float: left;
  margin-top: 20px;
  text-align:center;
}

.shuju ul4 li img {
  margin: 30px;
  display: inline-block;
  vertical-align:middle ;
}

.shuju ul5 li {
  /* width: 125px; */
  /* height: 109px; */
  float: left;
  margin-top: 20px;
  text-align:center;
}

.shuju ul5 li img {
  margin: 15px;
  display: inline-block;
  vertical-align:middle ;
}

/***********合作************/
.main_hezuo {
  width: 100%;
  height: 300px;
  background-color: #FFF;
  margin-top: 10px;
  padding-top: 30px;
}

.hezuo {
  width: 1000px;
  margin: 0 auto;
}

.hezuo ul li {
  width: 125px;
  height: 109px;
  float: left;
  margin-top: 50px;
}

.hezuo ul li img {
  margin: 0 auto;
}

/*模态框*/
.content3 {
 display: none;
}

.content3 p {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  line-height: 28px;
}

.content3 a {
  color: #1c83df;
}