@charset "UTF-8";
*{
   font-family:myOneFont;
}
ul,li{
  list-style: none;
  margin:0;
  padding:0;
}
.serviceCompany{
  text-align:center;
  padding: 0 6%; 
}
#box .bannerContWrap {
    width: 922px;
    margin: 0 auto;
    /* padding-top: 170px; */
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);}
    #box .bannerContWrap div {
      width: 80px; }
    #box .bannerContWrap .bannerLine1 {
      border-bottom: 4px #f18900 solid;
      margin: 14px auto 21px; }
    #box .bannerContWrap .bannerLine2 {
      border-bottom: 1px white solid;
      margin: 13px auto 15px; }
    #box .bannerContWrap .bannerTitle {
      font-size: 30px;
      font-weight: bold;
      margin-bottom: 19px;
      color: white; }
    #box .bannerContWrap .bannerCont {
      width: 100%;
      font-size: 14px;
      color: #e2e2e2;
      letter-spacing: 2px; }
    #box .bannerContWrap .bannerEng {
      font-size: 22px;
      color: #f4f3f3;
      line-height: 22px; }
.serviceCompany h2
{
  font-size: 28px;
  color:#333;
  padding-top: 60px;
  margin: 0;
  font-family:myOneFont;
}
.serviceCompany .hr
{
  
    padding: 0;
    margin: 10px auto 40px;
    width: 60px;
    border-top: 4px solid #f18900;
}
.serviceCompany .showTis{
  font-size: 16px;
  color:#333;
  font-weight:600;
  margin-bottom:0;
}
.serviceCompany .greyF{
  font-size: 11px;
  color:#e1e1e1;
}
.imgShow{
  /*margin:60px ;*/
  margin-top:60px;
  margin-bottom:80px;
  /*padding-top: 15px;*/
  /*border-top:2px solid #ccc;*/

}
.imgShow ul{ 
  overflow: hidden;
}
.imgShow ul li{
    /*display: flex;*/
    height: auto;
    overflow: hidden;
    float: left;
    height: 173px;
    width: 15.6666%;
    margin-bottom:50px;
    margin-right: 1%;
    margin-top:5px;
    /*justify-content: center; */
    /*align-items: center;*/
    /*align-content: center;*/
}
.imgShow ul li:hover{
  /*box-shadow:1px 1px 4px 1px #AFEEEE;*/
}
.imgShow ul li h3{
    font-size: 28px;
    margin-top: 30px;
    margin-bottom: 10px;
    font-weight:600;
}
.imgShow ul li div{
  /*margin:20px 0;*/
  /*margin-right:45px;*/
  height:100%;
  line-height: 100px;
  float: left;
}
.imgShow ul li div:nth-child(1){
  /*margin-left:0;*/
}
.imgShow ul li div:nth-child(4){
  margin-right:0; 
  text-align: right
}

.imgShow ul li div img{
  max-width: 100%
}
.system{
  height:644px;
  background-image:url("../image/web/back.jpg");
  background-size:cover;
  /*back*/
  background-position:center;
  background-repeat:no-repeat;
}
.centerDiv{
  width:810px;
  margin:60px auto;
  height:100%;
  position:relative;
  /*background: red;*/
}
.backWhite{
  background:#fff;
  width: 176.77px;
  height:176.77px; 
  position: absolute;
  transform:rotate(45deg);
  -ms-transform:rotate(45deg); /* IE 9 */
  -webkit-transform:rotate(45deg); /* Safari and Chrome */
}
.backWhite .detail{
  width:100%;
  height:100%;
  transform:rotate(-45deg);
  -ms-transform:rotate(-45deg); /* IE 9 */
  -webkit-transform:rotate(-45deg); /* Safari and Chrome */
  text-align:center;
}
.backWhite .detail li{
  font-size: 12px;
  color:#666;
  padding:0px;  
  margin:0;
  margin-bottom: 8px;
}
.backWhite .detail li.bigFontSize{
  font-size:14px;
}
.backWhite .detail h4{
  font-size: 16px;
  color:#333;
  padding: 20px;
  margin:0;
  font-weight: 600;
}
.back1{
  left: 36px;
  top: 95px
}
.back2{
  left: 315px;
  top: 95px
}
.back3{
  right: 36px;
  top: 95px
}
.back4{
  left: 175px;
  top: 238px
}
.back5{
  right: 175px;
  top: 238px;
}
.back6{
  left: 315px;
  top: 379px
}

/*智能平台部分*/
.pingtai{
  height: 444px;
  padding-top: 96px;
  width: 930px;
  margin:0 auto;
}
.pingtai .leftDiv{
  float:left;
  width:49%;
}
.pingtai .leftDiv h2{
  /*float:left;*/
  font-size: 24px;
  font-weight: 600;
}
.pingtai .leftDiv hr{
  width: 60px;
  border-top: 4px solid #f18900;
  display: inline-block;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 40px;

}
.pingtai .leftDiv p{
    color: #333;
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 29px;
    font-weight: 600;

}
.pingtai .leftDiv .list span{
  display: inline-block;
  height:60px;
  width: 60px;
  margin-right: 30px;
  border-radius: 50%;
  border-top:2px solid #6dcdfb;
  border-right:2px solid #6dcdfb;
  border-left:2px solid #2b8dcd;
  border-bottom:2px solid #2b8dcd;
  text-align: center;
  line-height: 60px;
}
.pingtai .rightDiv{
  float:right;
}