.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:100%; height:200px; float:left;}

.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:62px;
  height: 62px;
  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: 419px;float: left; background:url(../image/banking_list_img0.jpg) center no-repeat;margin-top:-60px;}


.chain_list_project{padding:1rem 0rem 3rem 0rem;}
.chain_list_project{height: 320px; background:url(../image/banking_list_img1.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: 90px;}
.chain_list_contrast ul{}
.chain_list_contrast ul li{width: 25.6%;height: 180px; float: left;padding:0 2%;margin-right: 4%; border:1px solid #ccc;}
.chain_list_contrast ul li:nth-of-type(3){margin-right: 0;}
.banking_list_table{display: table; width: 100%;height: 100%;}
.banking_list_cell{display: table-cell; vertical-align: middle;}
.banking_list_cell img{display: inline-block;vertical-align: middle;width: 54px;float:left;margin-right: 0;margin-left: 9%;-webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);}
.banking_list_des{line-height: 2;min-height: auto;display: inline-block;vertical-align: middle;width: 70%;float: left; text-align: left;}
.chain_list_contrast:hover .banking_list_cell img{}

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

@media (max-width: 767px) {
  .tongdiangoverment p:nth-of-type(1){height: auto!important;}
    .pro_internet p{width:94%;padding-top: 0;height: auto!important;padding-bottom: 20px;}
  .fix_list_main .tongdiangoverment .list0tile{width:94%!important;}
  .list0tile p{margin-left:0%;}
  .pro_internet, .dcbuildList2, .pro_advantage, .dcbuildList4, .pro_case{padding:0!important;}
  .tongdiangoverment .title_description{height: 0;}

  .design-goverment ul li{width: 98%;}
  .dcbuildList4 .chian_list_wrap{background-size: contain;height: 335px;}
  .chain_list_project{margin-top:0;}

  .banking_list_table .banking_list_des{font-size:14px;width:100%;}
.chain_list_contrast ul li{height: 186px;}
  .banking_list_table .banking_list_cell img{margin-left: 47%;margin-right: 47%;margin-top:19px;}
  .chain_list_contrast{margin-bottom: 20px;}
}
}