.dcbuildl{
  width:100%;
  height: auto;
  float: left;
  text-align: center;
}
.dcbuildw{
  width:92%;
  height: auto;
  margin:0 auto;
}
.dcbuildList{
  position: relative;
}
.dcbuildList1{
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}
.list1Main{
  width:auto;
  height: auto;
  margin: 0 auto;
}
.listLogo{
  width:20%;
  height: auto;
  float: left;
}
.listLogoico:before{
  content: "\f001";
}
.listLogo b{
  font-weight: normal;
  font-size: 1.12em;
  float: left;
  padding:0.8rem 0rem 0.8rem 1rem;
}
.listLogoico{
  
}
.listLogoline:before{
  content: "|";
  box-sizing: border-box;
  color: #e61807;
  font-weight: bold;
}

.dcbuildList1 ul{
  width:auto;
  height: auto;
  float: right;
}
.dcbuildList1 ul li{
  width:auto;
  height: auto;
  float: left;
  padding:0.8rem 3rem 0.8rem 3rem;
  text-align: center;
  font-size: 1.12em;
  cursor: pointer;
}
.dcbuildList1 ul li.active{
  color: #e61807;
}
.dcbuildlistTit{
  line-height: 4rem;
  font-size: 1.7rem;
  
}



.pro_advantage{width:100%;background:#fff}
.pro_advantage_wrap{max-width:1200px;margin:0 auto;position:relative}
.pro_advantage_lsbs{height:480px;}
.pro_advantage-lsbs-wrap>div:first-child,.pro_advantage-lsbs-wrap>div:first-child a{border-radius:4px 0 0 4px}
.pro_advantage-lsbs-wrap>div:last-child,.pro_advantage-lsbs-wrap>div:last-child a{border-radius:0 4px 4px 0}
.lsb-background{width:25%;height:440px;float:left;margin-right:0%;}
.lsb-background:nth-child(1){background: url(../image/pro_advantagebg1.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.lsb-background:nth-child(2){background: url(../image/pro_advantagebg2.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.lsb-background:nth-child(3){background: url(../image/pro_advantagebg3.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.lsb-background:nth-child(4){background: url(../image/pro_advantagebg4.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.lsb{width:100%;height:100%;background:rgba(0,0,0,.4);text-align:center;position:relative;transition:all .7s;display:block;overflow:hidden}
.lsb:hover{cursor:pointer;background:rgba(2,137,255,.8)}
.lsb:nth-child(1):hover .lsb-introduce{ margin-top:20px;}
.lsb:nth-child(2):hover .lsb-introduce{ margin-top:80px;}
.lsb:hover .lsb-icon{margin-top:-44px}
.lsb:hover .lsb-name{margin-top:-30px}
.lsb:hover .lsb-span{margin-top:-10px}
.lsb:hover .lsb-introduce{margin-top:16px;font-size:12px;text-align:left;line-height:20px;}
.lsb-icon{width:44px;height:44px;margin:auto;margin-top:135px;transition:all .5s}
.lsb-icon img{width:100%;height:100%}
.lsb-name{font-size:24px;color:#fff;margin-top:24px;line-height:33px;transition:all .5s}
.lsb-span{width:24px;height:4px;background:#fff;transition:all .5s;margin:auto;margin-top:24px}
.lsb-introduce{font-size:14px;color:#fff;display:-webkit-box;transition:all .5s;margin-top:177px}
.lsb-introduce{ width:84%; margin-left:8%;}
.lsb-href>div{width: 108px;}
.lsb-href span{font-size:16px;line-height:22px;float:left}
.lsb-href:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;font-size:0}
.lsb-href:hover{background:#fff;color:#108ee9}

.dcbuildList0,.tongdiangoverment,.design-goverment,.dcbuildList4,.programe_case,{
  padding:3rem 0rem 3rem 0rem;
}

.datacMain{
  margin-top:1rem;
}
.dcbuildList4{
  padding-bottom:0;
}

.col-sm-6{float:left;width:48%}
.AGrid-row{clear:both}
.AGrid-row:before,.AGrid-row:after{content:" ";display:table;line-height:0}
.AGrid-row:after{clear:both}

.bg-white{background-color:#fff}
.developer-toolbag-block{max-width:1200px;text-align:center;clear:both;margin:0 auto}

.tool-package>div{padding:0 10px}
.tool-package .tile{height:6rem;transition:box-shadow .5s ease;padding:19px 24px 20px 25px;margin-top:20px;position:relative;border-radius:2px;border:1px solid #ddd}

.tool-package
.tile:before{content:"";position:absolute;display:inline-block;left:0;top:0;width:0;height:3px;background:rgba(21,0,255,0.10);background-repeat:no-repeat;background-image:linear-gradient(-252deg,#bb1507 0%,#ff0000 98%)}
.tool-package .tile:hover:before{width:100%}
.tool-package .tile:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.10)}

.tool-package .center-layer>.layer-figure{width:48px;vertical-align:top;float:left}

.tool-package .center-layer .layer-text{width:75%;float:left;padding:0 20px;text-align:center}
.tool-package .dev-list{font-size:18px;color:#252b3a;margin-bottom:4px;width:75%;float:left;text-align:left;padding-left:20px}
.tool-package .dev-text{width:90%;font-size:12px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;height:63px;line-height:21px;color:#A0A2A8;text-align:left}
.tool-package .layer-btn p{line-height:2rem;height:2rem;}
.tool-package .layer-btn:hover{color:#f66f6a;border:1px solid #f66f6a;border-radius:1px}

.dcbuildList0{padding-bottom:0;}

.tongdiangoverment{ padding-bottom:0;}
.list0tile {text-align: left!important;line-height: 35px;width: 71%!important;}
.list0tile p {margin-left: -2%;}
.tongdiangoverment p:nth-of-type(1){ width:50%; height:200px; float:left; padding-top:79px;}
.tongdiangoverment p:nth-of-type(2){ width:46%; height:300px; float:right;}
.tongdiangoverment p:nth-of-type(2) img{width: 100%;}

.design-goverment{ padding-bottom:0; background: url(../image/bg.jpg) no-repeat; background-position: bottom;}
.design-goverment ul{
  width:100%;
  float: left;
  margin:1rem 0rem 1rem 0rem;
  margin-left:1.2%;
}
.design-goverment ul li{
  width:21%;
  height: 325px;
  float: left;
  background-color: #fff;
  margin-right: 4%;
  transition: box-shadow .3s;
}
.design-goverment ul li:hover{
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.design-goverment ul li:nth-of-type(1){
}
.design-goverment ul li i{
  width:100%;
  height: auto;
  float: left;
  margin-bottom: 35px;
  margin-top:45px;
}
.design-goverment ul li i img{
  width:60px;
  height: 43px;
  margin:0 auto;
}
.design-goverment ul li b{
  width:100%;
  height:auto;
  text-align: center;
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 1rem;
}
.design-goverment ul li span{
  width:70%;
  height: 45%;
  float:left;
  text-align: left;
  padding:15% 10% 0 15%;
  line-height:25px;
  font-size:15px;
}

.chian_list_wrap{width: 100%; height: 600px;float: left; background:url(../image/chain_list_img1.png) center no-repeat;margin-top:-60px;}


.chain_list_project{padding:1rem 0rem 3rem 0rem;}
.chain_list_project{height: 260px; background:url(../image/hotelbg.jpg) no-repeat;margin-top:90px;}
.chain_list_project span,.chain_list_project div{ color: #fff; text-align: left;line-height: 32px;}
.chain_list_project_tit{margin-top:-30px!important;}


.chain_list_contrast{margin-bottom: 40px;}
.public-table{width: 100%;border-collapse: collapse;border: 1px solid #e6e6e6;margin: 5px 0 60px;font-size: 14px;}
.public-table th:first-child, .public-table td:first-child {width: 13%;}
.public-table th, .public-table td {text-align: left;padding: 12px 3% 12px 3%;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.public-table th {background: #f9f9f9;font-weight: 400;}

.programe_case ul li{width:23.5%;height:300px; position:relative; display:inline-block; margin-right:1%;border:1px solid #ccc;}