/******* 我们的服务--详情页**********/



/*** 智慧服务中心 ***/

.wisdom-srcoll,.standard-srcoll,.security-srcoll{
  width: 100%;
  height: 100%;
  position: relative;
}

.wisdom-bg,.standard-bg,.security-bg{
  width: 100%;
  margin-top: 61px;
  color: #FFFFFF;
  background-color: #124381;
}
.wisdom-wrapper,.standard-wrapper,.security-wrapper{
  height: 200px;
}
.wisdom-wrapper .middle,.standard-wrapper .middle,.security-wrapper .middle{
  height: 200px;
  display: flex;
}
.wisdom-title,.standard-title,.security-title{
  height: 42px;
  align-self: center;
  font-size: 30px;
  font-family: Microsoft YaHei UI;
  font-weight: 400;
  letter-spacing: 6px;
}

.wisdom-wrapper .wisdom-img{
  background:url('../img/service/wisdom/wisdom@2x.png') no-repeat center;
  width: 100%;
  height: 200px;

}
.wisdom-tab{
  width: 100%;
  position: absolute;
  bottom: -13%;
}
.wisdom-tab li{
  float: left;
  width: 50%;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  text-align: center;
  background: #ffffff;
  border-right: 1px solid rgba(0,0,0,0.1);
  box-shadow: 2px 4px 2px rgba(0,0,0,0.1);
}
.wisdom-tab a,.business-tab a,.standard-tab a,.security-tab a{
  width: 100%;
  height: 60px;
  line-height: 60px;
  display: block;
  text-decoration: none;
  color: #343434;
}
.wisdom-tab .active,.business-tab .active,.standard-tab .active,.security-tab .active{
  background-color: #F5F8FC;
  border-bottom: 3px solid #1D6ED6;
}

.wisdom-content{
  margin: 60px 0;
}
.personnel-mess{
  height: 78px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  margin-left: 4%;
}

.deal-mess{
  margin-top: 100px;
}
.del-img{
  float: left;
  width: 2%;
}
.del-right{
  width: 86%;
  float: right;
}
.deal-title{
  margin-bottom: 20px;
  height:15px;
  font-size:16px;
  font-family:PingFang SC;
  font-weight:400;
  line-height:15px;
  color: #1DBDD6;

}
.deal-page{
  width: 100%;
  font-family:PingFang SC;
  font-weight:400;
  line-height: 26px;
}
.deal-mess .row{
  margin-bottom: 100px;
}
.deal-mess .col-md-6{
  padding-left: 4%;
  padding-right: 10%;
}
.deal-mess .frist{
  padding: 0 3%;
}


/*** 业务构建中心 ***/

.business-srcoll,.data-srcoll{
  width: 100%;
  height: 100%;
  position: relative;
}

.business-bg,.data-bg{
  width: 100%;
  margin-top: 61px;
  color: #FFFFFF;
  background-color: #124381;
}
.business-wrapper,.data-wrapper{
  height: 400px;
}
.business-wrapper .middle,.data-wrapper .middle{
  height: 400px;
  display: flex;
}
.bus-left{
  align-self: center;
}
.bus-title{
  margin-bottom: 30px;
  height: 42px;
  font-size: 30px;
  font-family: Microsoft YaHei UI;
  font-weight: 400;
  letter-spacing: 6px;
}
.bus-page{
  font-family:PingFang SC;
  font-weight:400;
  line-height:24px;
  width: 100%;
  font-size: 20px;
}

.business-wrapper .business-img{
  background:url('../img/service/business/business@2x.png') no-repeat center;
  width: 100%;
  height: 400px;
}

.business-tab{
  width: 100%;
  position: absolute;
  bottom: -8%;
}
.business-tab li{
  float: left;
  width: 25%;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  text-align: center;
  background: #ffffff;
  border-right: 1px solid rgba(0,0,0,0.1);
  box-shadow: 2px 4px 2px rgba(0,0,0,0.1);
}
.business-content{
  margin: 60px 0;
}
.zf-mess{
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  margin-left: 2%;
}
.bu-bg{
  height: 300px;
  position: relative;
}
.bu-bg img{
  position: absolute;
  left: -20%;
}





/*** 数据管理中心 ***/

.data-wrapper .data-img{
  background:url('../img/service/data/data@2x.png') no-repeat center;
  width: 100%;
  height: 400px;
}

.data-tab{
  width: 100%;
  position: absolute;
  bottom: -24%;
}
.data-nav{
  width: 100%;
  height: 180px;
  display: block;
  box-shadow: 2px 4px 2px rgba(0,0,0,0.1);
  background-color: #ffffff;
}
.data-tab li{
  padding-top: 20px;
  width: 16.6667%;
  float: left;
  height: 180px;
  font-size: 18px;
  text-align: center;
  background: #ffffff;
  border-right: 1px solid rgba(0,0,0,0.1);
}
.data-tab a {
  display: block;
  width: 100%;
  /* height: 180px; */
  color: #343434;
  text-decoration: none;
}
.data-tab .active{
  background-color: #F5F8FC;
}

.data-content{
  margin: 120px 0;
}

.lump{
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #1D6ED6;
  vertical-align: middle;
  margin-right: 4%;
}
.data-model{
  margin-top: 20px;
  margin-left: 4%;
}
.dataStandard{
  width: 106px;
  height: 106px;
  margin: 0 auto;
  background: url('../img/service/data/nav-icon1@2x.png') no-repeat center;
}
.data-tab .active .dataStandard {
  background: url('../img/service/data/nav-icon1-active@2x.png') no-repeat center;
}
.dataDispatch{
  width: 106px;
  height: 106px;
  margin: 0 auto;
  background: url('../img/service/data/nav-icon2@2x.png') no-repeat center;
}
.data-tab .active .dataDispatch {
  background: url('../img/service/data/nav-icon2-active@2x.png') no-repeat center;
}
.dataGovernment{
  width: 106px;
  height: 106px;
  margin: 0 auto;
  background: url('../img/service/data/nav-icon3@2x.png') no-repeat center;
}
.data-tab .active .dataGovernment {
  background: url('../img/service/data/nav-icon3-active@2x.png') no-repeat center;
}
.dataStorage{
  width: 106px;
  height: 106px;
  margin: 0 auto;
  background: url('../img/service/data/nav-icon4@2x.png') no-repeat center;
}
.data-tab .active .dataStorage {
  background: url('../img/service/data/nav-icon4-active@2x.png') no-repeat center;
}
.dataControl{
  width: 106px;
  height: 106px;
  margin: 0 auto;
  background: url('../img/service/data/nav-icon5@2x.png') no-repeat center;
}
.data-tab .active .dataControl {
  background: url('../img/service/data/nav-icon5-active@2x.png') no-repeat center;
}
.dataService{
  width: 106px;
  height: 106px;
  margin: 0 auto;
  background: url('../img/service/data/nav-icon6@2x.png') no-repeat center;
}
.data-tab .active .dataService {
  background: url('../img/service/data/nav-icon6-active@2x.png') no-repeat center;
}



/*** 标准制定与管理中心 ***/

.standard-wrapper .standard-img{
  background:url('../img/service/standard/standard@2x.png') no-repeat center;
  width: 100%;
  height: 200px;
}

.standard-tab{
  width: 100%;
  position: absolute;
  bottom: -13%;
}
.standard-tab li{
  float: left;
  width: 50%;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  text-align: center;
  background: #ffffff;
  border-right: 1px solid rgba(0,0,0,0.1);
  box-shadow: 2px 4px 2px rgba(0,0,0,0.1);
}


.standard-content{
  margin: 60px 0;
}
.sta-mess{
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 60px;
}
.sta-content label{
  margin-right: 2%;
}
.sys-title{
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 40px;
}
.sta-content li{
  line-height: 35px;
}
.sta-bg{
  position: relative;
}
.sta-img{
  position: absolute;
  top: 75%;
  left: 40%;
}



/*** 安全防护与运维中心 ***/

.security-wrapper .security-img{
  background:url('../img/service/security/security@2x.png') no-repeat center;
  width: 100%;
  height: 200px;
}
.security-tab{
  width: 100%;
  position: absolute;
  bottom: -13%;
}
.security-tab li{
  float: left;
  width: 50%;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  text-align: center;
  background: #ffffff;
  border-right: 1px solid rgba(0,0,0,0.1);
  box-shadow: 2px 4px 2px rgba(0,0,0,0.1);
}

.sta-bg .second{
  position: absolute;
  top: 46%;
  left: -20%;
}
.sta-bg .third{
  position: absolute;
  top: 85%;
  left: -30%;
}













/*** 详情页底部 ***/

.service-footer{
  width: 100%;
  text-align: center;
  line-height: 40px;
  color: #C3CEDB;
}

/****** end ******/