.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("../images/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("../images/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("../images/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("../images/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;
}
@media(max-width:767px){
    body{min-width:100%;}
#top .text{padding:50px 0 0 10px;width:100%;}
#top .text h1{font-size:26px;}
#top .text p{width:98%;}
#top{height:260px;}
.app-dev > h1{width:100%;margin:20px auto 20px;}
.app-dev > p{width:98%;margin:0 auto 25px;}
.pub-1200{width:100%;}
.app-dev .app-dev-class .box{width:50%;margin:0px;}
.app-dev .app-dev-class .box div{height:90px;}
.app-dev .app-dev-class .box img{width:40%;}
.app-dev .app-dev-class .box h1{font-size:25px;}
.app-dev .app-dev-class .box p{margin-bottom:10px;}
.app-class h1{width:100%;}
.app-class p{width:100%;}
.app-class ul li{width:47%;font-size:20px;line-height:40px;}
.app-class{height:655px;}
.app-order-process > h1{margin:18px 0 18px 0;}
.newRead{width:100%;}
.newRead h3{margin-top:15px;margin-bottom:15px;}
.newRead .newReadCont a{width:90%;padding:1%;}
#wechat-sys h1{padding-top:15px;}
#wechat-sys .pub-1200 > p{margin-top:12px;margin-bottom:12px;}
#wechat-sys ul li{width:100%;}
#wechat-sys ul li .box-4 p{display:none;}
#wechat-toll h1{font-size:16px;padding-top:15px;padding-bottom:15px;padding-left:10px;padding-right:10px;}
#wechat-toll dl{width:100%;margin:0px;}
#wechat-function{height:1600px;}
#wechat-dev-flow{padding-bottom:15px;}
#wechat-dev-flow h1{padding-top:15px;}
#wechat-dev-flow .flow-title{width:100%;}
#wechat-dev-flow .flow-title div span{width:50%;margin-left:0px;margin-bottom:20px;}
#e-commerce-describe h1{padding:15px 0px;}
#e-commerce-describe .subbox{border-radius:0px;width:100%;margin:0px;padding:20px;height:auto;}
#independent-show h1{font-size:20px;padding:20px 0 20px;}
#independent-show dl{width:50%;margin:0px;}
#sys-framework h1{padding:25px 0 25px;}
#sys-framework{height:auto;}
#solution .box1080{width:100%;}
#solution .box1080 h1{padding:15px 0 15px}
#solution .box1080 img{width:100%;}
#data-visualization .pub-1200 > h1{padding-top:15px;font-size:24px;}
#data-visualization .pub-1200 > p{margin-top:12px;margin-bottom:0px;}
#data-visualization dl{margin:0px;width:100%;height:auto;}
#data-visualization{padding-bottom:20px;}
#function-generalize h1{padding-top:15px;padding-bottom:15px;font-size:30px;}
#function-generalize{padding-bottom:0px;}
#data-analysis h1{padding-top:15px;padding-bottom:15px;font-size:28px;}
#data-analysis .pub-1200 div{width:100%;}
#data-analysis{padding-bottom:0px;}
#data-analysis .pub-1200 div{height:auto;}
#moredata p{padding:10px;font-size:18px;}
#moredata-content{padding-top:10px;}
#moredata-content dl{width:100%;margin:0px;padding:0px;}
#moredata-content{height:1300px;}
.sjyc{display:block;}
.pcyc{display:none;}
}