.pub-1440 {
  width: 100%;
  margin: auto;
}
.pub-1200 {
  width: 1200px;
  margin: auto;
}
.clear {
  clear: both;
}
body {
  min-width: 1200px;
  font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@font-face {
  font-family: 'num';
  src: url('../assets/fonts/num.otf');
  font-weight: normal;
  font-style: normal;
}
#data-visualization {
  overflow: hidden;
  padding-bottom: 65px;
}
#data-visualization .pub-1200 > h1 {
  text-align: center;
  padding-top: 45px;
  font-size: 34px;
  font-weight: normal;
  color: #303030;
}
#data-visualization .pub-1200 > p {
  text-align: center;
  line-height: 26px;
  margin-top: 22px;
  margin-bottom: 36px;
  font-size: 16px;
  color: #767676;
}
#data-visualization dl {
  float: left;
  margin: 0 15px;
  border-radius: 4px;
  width: 370px;
  height: 320px;
  text-align: center;
  box-shadow: 0 0 10px 1px rgba(59, 125, 237, 0.1);
}
#data-visualization dl dt {
  padding-top: 47px;
}
#data-visualization dl dd h2 {
  font-size: 30px;
  color: #6f6f6f;
  font-weight: normal;
  padding-top: 32px;
  padding-bottom: 22px;
}
#data-visualization dl dd span {
  font-size: 18px;
  color: #3b7ded;
}
#function-generalize {
  background: #eee;
  padding-bottom: 65px;
}
#function-generalize h1 {
  text-align: center;
  padding-top: 45px;
  padding-bottom: 40px;
  font-size: 34px;
  font-weight: normal;
  color: #303030;
}
#function-generalize .admin ul {
  background: #fff;
  overflow: hidden;
  width: 630px;
  height: 55px;
  margin: auto;
}
#function-generalize .admin ul li {
  text-align: center;
  float: left;
  width: 97.5px;
  margin: 0 30px;
  font-size: 18px;
  color: #909090;
  line-height: 55px;
}
#function-generalize .admin ul li img {
  margin-top: -12px;
  margin-right: 8px;
}
#function-generalize .admin h2 {
  line-height: 46px;
  font-size: 18px;
  font-weight: normal;
  color: #4684ee;
  text-align: center;
  background-image: url("../assets/img/data/sjiantou.png"), url("../assets/img/data/sjiantou.png"), url("../assets/img/data/sjiantou.png"), url("../assets/img/data/sjiantou.png");
  background-repeat: no-repeat;
  background-position: 342px 0,440px 0,710px 0,815px 0;
}
#function-generalize .app-sys {
  background: #fff;
  width: 1170px;
  margin: 0 auto 15px;
}
#function-generalize .app-sys dl {
  height: 40px;
  text-align: center;
  font-size: 18px;
  line-height: 40px;
  padding: 15px 0;
}
#function-generalize .app-sys dl dt {
  float: left;
  color: #4684ee;
  width: 110px;
}
#function-generalize .app-sys dl dd {
  float: left;
  width: 110px;
  color: #fff;
  margin: 0 10px ;
  background: #89CCFF;
}
#function-generalize .extend {
  background: #fff;
  width: 1170px;
  margin: 0 auto 15px;
}
#function-generalize .extend dl {
  font-size: 18px;
  overflow: hidden;
  line-height: 70px;
}
#function-generalize .extend dl dt {
  float: left;
  color: #4684ee;
  width: 110px;
  text-align: center;
}
#function-generalize .extend dl dd {
  float: left;
  width: 212px;
  font-size: 20px;
  text-align: center;
  color: #989898;
  overflow: hidden;
}
#function-generalize .extend dl dd i {
  display: inline-block;
  margin-right: 8px;
  height: 54px;
  width: 54px;
  line-height: 54px;
  border-radius: 100%;
  border: 2px solid #E5E5E5;
}
#function-generalize .core {
  height: 170px;
  background: #fff;
  width: 1170px;
  margin: 0 auto;
}
#function-generalize .core dl {
  font-size: 18px;
}
#function-generalize .core dl dt {
  float: left;
  padding-top: 45px;
  letter-spacing: 2px;
  color: #4684ee;
  width: 80px;
  line-height: 30px;
  text-align: center;
}
#function-generalize .core dl dd {
  float: left;
  width: 109px;
  text-align: center;
}
#function-generalize .core dl dd i {
  display: block;
  margin: 30px auto 0;
  width: 68px;
  height: 68px;
  border-radius: 100%;
  border: 2px solid #E5E5E5;
}
#function-generalize .core dl dd i img {
  padding-top: 18px;
}
#function-generalize .core dl dd p {
  color: #989898;
  font-size: 16px;
  padding: 20px 0;
}
#function-generalize .data-sys .indicate {
  height: 102px;
}
#function-generalize .data-sys .indicate .leftbox {
  float: left;
  height: 102px;
  width: 400px;
  background: url("../assets/img/data/bjiantou.png") no-repeat;
  background-position: 275px 0;
}
#function-generalize .data-sys .indicate .leftbox span {
  font-size: 18px;
  color: #4684ee;
  position: relative;
  left: 340px;
  top: 50px;
}
#function-generalize .data-sys .indicate .midbox {
  float: left;
  height: 102px;
  width: 400px;
}
#function-generalize .data-sys .indicate .midbox span {
  display: block;
  width: 200px;
  height: 40px;
  margin: 13px auto 0;
  background: #89CCFF;
  color: #fff;
  text-align: center;
  line-height: 40px;
  font-size: 24px;
}
#function-generalize .data-sys .indicate .midbox p {
  color: #4684ee;
  font-size: 18px;
  text-align: center;
  margin: 14px 0 0;
}
#function-generalize .data-sys .indicate .rightbox {
  float: left;
  height: 102px;
  width: 400px;
  background: url("../assets/img/data/bjiantou.png") no-repeat;
  background-position: 40px 0;
}
#function-generalize .data-sys .indicate .rightbox span {
  font-size: 18px;
  color: #4684ee;
  position: relative;
  left: 105px;
  top: 50px;
}
#function-generalize .data-sys .sys-content ul {
  height: 80px;
  width: 860px;
  background: #fff;
  margin: auto;
}
#function-generalize .data-sys .sys-content ul li {
  float: left;
  margin: 0 21.6px;
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #89CCFF;
  font-size: 24px;
  color: #fff;
  margin-top: 20px;
}
#tech-arch {
  height: 670px;
  background: url("../assets/img/data/data-bi-bg.jpg") no-repeat;
  background-size: cover;
  text-align: center;
}
#tech-arch img {
  padding-top: 60px;
}
#data-analysis {
  overflow: hidden;
  padding-bottom: 65px;
}
#data-analysis h1 {
  text-align: center;
  padding-top: 45px;
  padding-bottom: 50px;
  font-size: 34px;
  font-weight: normal;
  color: #303030;
}
#data-analysis .pub-1200 div {
  float: left;
  width: 580px;
  height: 400px;
  text-align: center;
  box-shadow: 0 0 10px 1px rgba(59, 125, 237, 0.1);
  border-radius: 4px;
}
#data-analysis .pub-1200 div img {
  padding-top: 40px;
}
#data-analysis .pub-1200 div h2 {
  font-size: 24px;
  font-weight: normal;
  color: #565656;
  padding-top: 20px;
}
#data-analysis .pub-1200 div p {
  color: #767676;
  line-height: 24px;
  padding-top: 16px;
}
#data-analysis .pub-1200 .leftbox {
  margin-right: 40px;
}
#moredata {
  /* Safari 5.1 - 6.0 */
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#4A4AFF, #4A86FF);
  /* Firefox 3.6 - 15 */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#4A4AFF, endColorstr=#4A86FF);
  /*IE<9>*/
  background: linear-gradient(#4A4AFF, #4A86FF);
  /* 标准的语法 */
  height: 160px;
  color: #fff;
  text-align: center;
}
#moredata p {
  padding-top: 30px;
  font-size: 24px;
  line-height: 38px;
}
@keyframes mymove {
  from {
    padding-top: 10px;
  }
  to {
    padding-top: 20px;
  }
}
#moredata img {
  padding-top: 14px;
  animation: mymove 0.6s infinite;
}
#moredata-content {
  height: 390px;
  padding-top: 40px;
}
#moredata-content dl {
  float: left;
  margin: 0 5px;
  width: 290px;
  height: 320px;
  text-align: center;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
}
#moredata-content dl dt {
  margin: 16px  auto 0;
  height: 68px;
  width: 68px;
  border-radius: 68px;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.3);
  background: #4A86FF;
  /* Safari 5.1 - 6.0 */
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#4A4AFF, #4A86FF);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(#4A4AFF, #4A86FF);
  /* 标准的语法 */
  font-size: 34px;
  font-weight: bold;
  text-align: center;
  line-height: 68px;
  color: #fff;
}
#moredata-content dl dd:nth-of-type(1) {
  color: #4a5cff;
  font-size: 24px;
  padding-top: 30px;
}
#moredata-content dl dd:nth-of-type(2) {
  padding: 20px 28px 0;
  line-height: 24px;
  font-size: 16px;
  color: #767676;
}